Vous êtes sur la page 1sur 303

Tabla de Contenidos

BIENVENIDO...................................................................................................... 20
Para crear: ................................................................................................................. 20
Para trabajar con imágenes: ...................................................................................... 20
Para crear: ................................................................................................................. 20

VISTA GENERAL............................................................................................... 20

CÓMO USAR ESTE SISTEMA AYUDA............................................................. 21

TERMINOLOGÍA WEB EASY ............................................................................ 22


Cómo diseñar un documento ..................................................................................... 22
Cómo construir un documento en un sitio Web .......................................................... 22
Cómo publicar en la Web ........................................................................................... 23

PRIMEROS PASOS ........................................................................................... 23


Cómo crear un sitio Web con el Asistente de sitio Web ............................................. 23
Diseñar un documento .............................................................................................. 23

QUE HAY DE NUEVO EN LA VERSION PROFESIONAL 6.0 DE WEB EASY 23

ACTUALIZACIONES AUTOMÁTICAS PARA SOFTWARE VCOM .................. 25


Manténgase al día con Auto Actualización (Auto Update) .......................................... 25
¿Cómo tengo acceso a Auto Update? ...................................................................... 26
¿Tengo que buscar información en la Web?.............................................................. 26
¿Cuándo debería usar Auto Update?........................................................................ 26
¿Tengo que instalar los archivos descargados? ........................................................ 26
¿Tengo que pagar por las actualizaciones?............................................................... 26

ACERCA DE PUBLICAR ................................................................................... 26

COMO OBTENER ASISTENCIA........................................................................ 28


Cómo obtener asistencia ........................................................................................... 29
Cómo usar Ayuda en línea......................................................................................... 29
Cómo obtener soporte técnico ................................................................................... 29
Cómo mostrar muestras de sitios Web....................................................................... 30
Solución de problemas............................................................................................... 31
Preguntas más frecuentes ......................................................................................................32

1
Problemas con vínculos ..........................................................................................................32
Cómo encontrar imágenes ......................................................................................................32
Problemas con fotos y marcos ................................................................................................32
Problemas de diseño...............................................................................................................32
Problemas con el texto............................................................................................................33
Problemas al ver su sitio .........................................................................................................33
¿Por qué Microsoft Office instala un componente cuando yo estoy usando Web Easy? ......33
Problemas de publicación .......................................................................................................33
Cómo usar el Tutorial................................................................................................. 34
Acerca del Tutorial ..................................................................................................................35
Cómo usar el Tutorial ..............................................................................................................35

NAVEGANDO WEB EASY ................................................................................ 37


Cómo entender la interfaz .......................................................................................... 38
Haga clic en las áreas diferentes de la ilustración para identificar distintas partes de la
interfaz.....................................................................................................................................38
Cómo usar las herramientas en las barras de herramientas ...................................... 38
Cómo usar los menús ................................................................................................ 39
Acerca de los Asistentes............................................................................................ 39
Cómo usar el Centro de Actividad.............................................................................. 41
Cómo usar el Centro de Actividad ..........................................................................................42
Cómo mostrar el Centro de Actividad al inicio ........................................................................42
Cómo agregar o quitar el Centro de Actividad desde el Inicio................................................42

GUIA PARA UN COMIENZO RAPIDO .............................................................. 43


Guía para un comienzo rápido ................................................................................... 44
Cómo crear y publicar su primer sitio Web................................................................. 45
Cómo diseñar su primer documento .......................................................................................46
Cómo construir su primer sitio Web ........................................................................................47
Cómo publicar su primer sitio Web .........................................................................................48

COMO CREAR SITIOS WEB............................................................................. 50


Acerca de los sitios Web............................................................................................ 51
Cómo diseñar una Página principal............................................................................ 51
Indicaciones para diseño HTML ................................................................................. 51
Optimización de motores de búsqueda (Search Engine Optimization :SEO).............. 52
Cómo crear un documento......................................................................................... 54
Acerca de los documentos ......................................................................................................55
Cómo trabajar con documentos ..............................................................................................56
Cómo abrir un documento..................................................................................................................57
Cómo abrir un documento reciente....................................................................................................57
Cómo cerrar un documento ...............................................................................................................57

2
Cómo realizar vista previa antes de construir ....................................................................................57
Cómo imprimir su documento ............................................................................................................58
Vista previa antes de imprimir............................................................................................................58
Cómo crear un nuevo documento......................................................................................................59
Cómo diseñar un documento .........................................................................................................60
Cómo crear un documento en blanco ........................................................................................60
Cómo diseñar su documento .........................................................................................................60
Cómo trabajar con plantillas de diseño ..........................................................................................60
Cómo diseñar y abrir un documento ..............................................................................................61
Cómo usar el Asistente de sitio Web .............................................................................................62
Cómo diseñar un sitio Web dinámico.............................................................................................63
Para importar un sitio Web.............................................................................................................63
Cómo guardar documentos................................................................................................................65
Cómo guardar un documento ........................................................................................................66
Cómo guardar un documento con un nuevo nombre.....................................................................66
Opciones de guardado...................................................................................................................66
Cómo guardar como una plantilla de diseño..................................................................................67
Cómo guardar como copia de seguridad en almacenamiento .......................................................67
Cómo navegar documentos ...............................................................................................................69
Cómo mover a otra página.............................................................................................................70
Cómo mover a una página específica............................................................................................70
Cómo mover a una página de un documento diferente .................................................................70
Cómo usar el Zoom.......................................................................................................................71
Cómo buscar en un documento .....................................................................................................72
Cómo usar el Asistente de búsqueda ........................................................................................73
Cómo buscar archivos faltantes .................................................................................................74
Cómo buscar archivos faltantes .............................................................................................75
Cómo hacer que Web Easy pregunte por sus archivos faltantes...........................................75
Cómo encontrar archivos faltantes en forma manual.............................................................75
Cómo usar el diálogo Buscar archivo.....................................................................................76
Cómo editar documentos ........................................................................................................78
Cómo editar elementos ......................................................................................................................79
Cómo editar elementos ..................................................................................................................80
Cómo seleccionar un elemento......................................................................................................80
Cómo usar los controladores del elemento....................................................................................80
Cómo seleccionar elementos múltiples..........................................................................................81
Cómo seleccionar todos los elementos..........................................................................................81
Cómo cancelar la selección de elementos.....................................................................................81
Cómo cortar ...................................................................................................................................82
Cómo copiar...................................................................................................................................82
Cómo pegar ...................................................................................................................................82
Cómo insertar elementos ...............................................................................................................82
Cómo agregar una sombra ............................................................................................................83
Cómo elegir colores personalizados ..............................................................................................83
Cómo rellenar un elemento............................................................................................................84
Rellenos de color ...........................................................................................................................84
Rellenos de degradado ..................................................................................................................85
Rellenos de textura ........................................................................................................................86

3
Deshacer........................................................................................................................................87
Rehacer .........................................................................................................................................87
Cómo actualizar su pantalla...........................................................................................................87
Como editar páginas ..........................................................................................................................88
Cómo editar páginas ......................................................................................................................89
Cómo agregar una página nueva a un documento .......................................................................89
Cómo agregar un fondo .................................................................................................................90
Cómo crear un fondo con una foto.................................................................................................90
Cómo eliminar una página .............................................................................................................91
Cómo ajustar el tamaño de una página .........................................................................................91
Cómo crear una página de tamaño personalizado.........................................................................92
Cómo quitar un tamaño de página personalizado.........................................................................92
Cómo agregar un título de página..................................................................................................92
Cómo cambiar el orden de página .................................................................................................93
Cómo importar una página Web ....................................................................................................93
Cómo agregar un icono en mi sitio para que aparezca en Favoritos .............................................94
Cómo editar fotos...............................................................................................................................95
Cómo editar fotos...........................................................................................................................96
Cómo insertar una nueva foto........................................................................................................96
Cómo insertar una foto del Explorador de archivo .........................................................................96
Cómo reemplazar una foto.............................................................................................................96
Cómo reemplazar portaespacios con otras imágenes ..................................................................97
Cómo agregar un marco a una foto ...............................................................................................97
Cómo agregar un esténcil a una foto ............................................................................................98
Cómo reemplazar un marco o un esténcil en una foto...................................................................99
Cómo ajustar un marco a una foto .................................................................................................99
Cómo quitar un marco o un esténcil...............................................................................................99
Cómo borrar una foto ...................................................................................................................100
Cómo ajustar el tamaño de una foto ............................................................................................100
Cómo cambiar el tamaño de una foto con precisión ....................................................................101
Cómo ubicar una foto con precisión.............................................................................................101
Cómo recortar una foto ................................................................................................................101
Cómo rotar una foto .....................................................................................................................102
Cómo voltear una foto..................................................................................................................102
Cómo agregar una sombra a una foto .........................................................................................103
Efectos de foto .............................................................................................................................104
Efectos de foto .........................................................................................................................105
Vista previa de efectos de foto.................................................................................................105
Cómo ajustar el brillo ...............................................................................................................106
Cómo ajustar el contraste ........................................................................................................107
Cómo ajustar la gamma ...........................................................................................................107
Cuando ajustar la gamma ........................................................................................................108
Cómo desenfocar una foto.......................................................................................................109
Cómo invertir una foto..............................................................................................................109
Cómo aumentar la nitidez (enfocar) .........................................................................................110
Cómo convertir a escala de grises ...........................................................................................110
Cómo usar auto contraste........................................................................................................111
Cómo quitar motas a una foto..................................................................................................111

4
Cómo realzar una foto..............................................................................................................112
Cómo detectar bordes..............................................................................................................112
Cómo dar relieve a una foto.....................................................................................................113
Cómo agregar transparencia ...................................................................................................113
Cómo ajustar la profundidad de color ......................................................................................114
Cómo ajustar colores RGB ......................................................................................................114
Cómo ajustar matiz, saturación e intensidad (HSI) ..................................................................114
Cómo combinar efectos de foto ...............................................................................................115
Cómo editar texto.............................................................................................................................116
Cómo insertar texto nuevo ...........................................................................................................117
Cómo modificar el texto ...............................................................................................................117
Cómo editar texto simple .............................................................................................................117
Insertar texto ............................................................................................................................118
Modificar (Editar) texto .............................................................................................................118
Cambiar las propiedades de la fuente......................................................................................118
Seleccionar rápidamente el tamaño de fuente.........................................................................118
Cambiar Propiedades de relleno..............................................................................................118
Cambiar justificación ................................................................................................................118
Agregar un vínculo ...................................................................................................................118
Aplicar un efecto de sombra ....................................................................................................119
Cómo editar texto enriquecido .....................................................................................................119
Modificar (Editar) texto .............................................................................................................119
Hacer una selección.................................................................................................................119
Cambiar las propiedades de la fuente......................................................................................119
Seleccionar rápidamente el tamaño de fuente.........................................................................119
Cambiar Propiedades de relleno..............................................................................................119
Cambiar justificación ................................................................................................................120
Agregar un vínculo ...................................................................................................................120
Texto simple.................................................................................................................................120
Texto gráfico ................................................................................................................................121
Texto enriquecido.........................................................................................................................122
Formato de texto enriquecido ......................................................................................................122
Barra de herramientas de texto enriquecido ................................................................................123
Cómo mover texto alrededor........................................................................................................125
Cómo cambiar la cara del tipo o fuente:.......................................................................................125
Cómo cambiar el color de su texto...............................................................................................125
Cómo rellenar el texto con textura ...............................................................................................126
Cómo rellenar un texto con un relleno de degradado ..................................................................126
Cómo cambiar el tamaño del texto...............................................................................................127
Cómo agrandar el cuadro de texto...............................................................................................128
Cómo justificar texto.....................................................................................................................128
Cómo agregar sombras al texto ...................................................................................................129
Listas con viñetas.........................................................................................................................130
Listas con numeración .................................................................................................................130
Listas dentro de listas ..................................................................................................................131
Sugerencias para el diseño de texto ............................................................................................137
Cómo trabajar con el Asistente de texto ......................................................................................138
Cómo agregar texto desde el Asistente de texto......................................................................139

5
Cómo agregar su propio texto al Asistente de texto.................................................................139
Cómo eliminar texto del Asistente de texto ..............................................................................139
Cómo editar formas..........................................................................................................................140
Cómo dibujar y editar formas .......................................................................................................141
Cómo dibujar líneas .....................................................................................................................141
Cómo dibujar polígonos ...............................................................................................................141
Cómo dibujar polilíneas................................................................................................................142
Cómo dibujar curvas ....................................................................................................................142
Cómo dibujar una forma curva sólida...........................................................................................143
Cómo dibujar cuadrados y rectángulos........................................................................................143
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')................................................................144
Cómo dibujar círculos y óvalos ....................................................................................................144
Cómo editar una línea..................................................................................................................144
Cómo editar curvas ......................................................................................................................145
Cómo cambiar el color de una línea o el contorno de una forma.................................................145
Cómo editar un polígono o polilínea.............................................................................................145
Cómo agregar un relleno a una forma .........................................................................................146
Cómo cambiar el grosor de línea de una forma ...........................................................................146
Cómo convertir una forma linear en una forma sólida..................................................................146
Cómo convertir una forma sólida en un contorno.........................................................................146
Cómo agregar sombras a una forma ...........................................................................................147
Cómo organizar elementos ..............................................................................................................148
Cómo organizar elementos sobre la página.................................................................................149
Cómo alinear elementos ..............................................................................................................149
Cómo ajustar una selección.........................................................................................................149
Cómo alinear elementos a lo largo de sus centros ......................................................................150
Cómo espaciar elementos de forma uniforme .............................................................................151
Cómo ajustar la selección a la página..........................................................................................151
Cómo centrar elementos..............................................................................................................152
Cómo hacer que los elementos tengan idéntico tamaño .............................................................152
Cómo cambiar el orden de las capas...........................................................................................152
Barra de herramientas de capas ..................................................................................................153
Cómo agrupar elementos.............................................................................................................153
Cómo disolver un grupo de elementos.........................................................................................154
Cómo bloquear elementos ...........................................................................................................154
Cómo desbloquear elementos .....................................................................................................154
Cómo mostrar la cuadrícula .........................................................................................................154
Cómo forzar elementos a la cuadrícula........................................................................................155
Cómo crear vínculos ........................................................................................................................156
Acerca de los vínculos .................................................................................................................157
Cómo elegir colores de vínculo ....................................................................................................157
Cómo agregar un vínculo a un elemento .....................................................................................157
Cómo probar los vínculos ............................................................................................................158
Cómo usar el Asistente de mapa de sitio.....................................................................................159
Cómo ver los vínculos con el Asistente de mapa de sitio ............................................................159
Cómo quitar un vínculo ................................................................................................................160
Cómo insertar auto vínculos ........................................................................................................161
Cómo establecer las propiedades del reproductor de multimedia................................................161

6
Vínculos de navegación del documento.......................................................................................164
Cómo agregar un vínculo de navegación a un documento ......................................................165
Cómo vincular a un programa..................................................................................................165
Cómo vincular a un documento................................................................................................166
Vínculos de Internet .....................................................................................................................167
Cómo agregar un vínculo de Internet.......................................................................................168
Cómo vincular a un sitio Web...................................................................................................168
Cómo vincular a e-mail ............................................................................................................169
Cómo vincular a un archivo......................................................................................................169
Vínculos avanzados .....................................................................................................................170
Vínculos avanzados .................................................................................................................171
Cómo vincular una imagen incrustada .....................................................................................171
Cómo vincular un objeto incrustado .........................................................................................172
Cómo agregar un contador de visitas a su sitio Web...............................................................173
Cómo vincular a un código.......................................................................................................173
Cómo usar el Asistente de código personalizado ....................................................................174
Cómo crear formularios............................................................................................................176
Cómo crear formularios........................................................................................................177
Cómo construir sitios Web con formularios ..........................................................................177
Cómo agregar sonido.......................................................................................................................178
Cómo agregar sonido...................................................................................................................179
Cómo agregar sonido a los elementos.........................................................................................179
Cómo quitar un clip de audio de un elemento..............................................................................179
Cómo agregar sonido a las páginas.............................................................................................180
Cómo capturar sonido con un micrófono .....................................................................................180
Cómo quitar sonido de las páginas ..............................................................................................181
Vínculos avanzados de sonido.....................................................................................................182
Cómo vincular archivos de audio vinculándolos a un archivo ..................................................183
Cómo agregar RSS ...............................................................................................................184
¿Qué es RSS?.................................................................................................................................185
¿Cómo agrego un icono y un vínculo RSS a mi página?................................................................185
¿Cómo verifico si mi RSS está funcionando? ..................................................................................185
¿Cómo integro RSS en mi sitio?......................................................................................................186
Cómo editar manualmente mi archivo RSS .....................................................................................187
¿Por qué mi RSS no funciona?........................................................................................................187
Cómo agregar Comercio electrónico ....................................................................................189
Cómo agregar comercio electrónico al sitio Web.............................................................................190
Cómo establecer las propiedades de objeto de comercio electrónico .............................................191
Características avanzadas ....................................................................................................193
Cómo agregar elementos especiales a su documento ....................................................................194
Cómo crear mensajes emergentes ..............................................................................................195
Cómo insertar una imagen GIF animada a un documento...........................................................195
Cómo insertar una película en un documento..............................................................................196
Cómo insertar un objeto...............................................................................................................196
Cómo ver archivos multimedia.....................................................................................................197
Cómo insertar un vínculo dinámico ..............................................................................................197
Rasgos especiales de sitios Web dinámicos (DHTML)....................................................................199
Acerca de los sitios Web dinámicos.............................................................................................200

7
Efectos especiales en sitios DHTML............................................................................................201
Acerca de los rasgos DHTML ..................................................................................................202
Asistente de imagen rollover....................................................................................................202
Cómo crear una imagen rollover ..............................................................................................204
Cómo crear una barra de navegación......................................................................................206
Acerca de las barras de navegación ....................................................................................207
Cómo crear una barra de navegación..................................................................................207
Transiciones de página ............................................................................................................209
Cómo agregar una transición de página ..............................................................................210
Cómo animar objetos ...............................................................................................................211
Acerca de la animación de ruta............................................................................................212
¿Qué clase de elementos pueden ser animados? ...............................................................212
Cómo aplicar animación a los elementos.............................................................................212
Cómo insertar objetos animados prediseñados ...................................................................213
Cómo animar elementos múltiples .......................................................................................213
Efectos visuales HTML dinámicos ...........................................................................................215
Cómo aplicar efectos HTML dinámicos a sus elementos.....................................................216
Lista de efectos HTML dinámicos ........................................................................................216
Ajuste fino de un efecto HTML dinámico..............................................................................217
Efectos de texto .......................................................................................................................219
Cómo aplicar animación de ruta al texto ..............................................................................220
Cómo aplicar efectos HTML dinámicos al texto ..................................................................220
Cómo agregar sombras al texto ...........................................................................................220
Efectos de texto avanzados .................................................................................................222
Creación de sombra avanzada ........................................................................................223
Pruebe estos ejemplos de DHTML ..............................................................................................224
Cómo diseñar presentaciones de diapositivas en DHTML.......................................................225
Cómo diseñar presentaciones en DHTML ...............................................................................226
Cómo crear componentes................................................................................................................228
Cómo diseñar componentes ........................................................................................................229
Cómo crear una imagen GIF animada .........................................................................................230
Acerca de imágenes animadas GIF .........................................................................................231
Cómo crear una imagen GIF animada .....................................................................................231
Cómo construir un documento en una imagen GIF animada...................................................232
Opciones avanzadas para construir imágenes GIF animadas.................................................232
Cómo usar el Asistente de GIF animado .................................................................................233
Cómo crear componentes de imagen ..........................................................................................235
Acerca de los componentes de imagen ...................................................................................236
¿Por qué crear un componente de imagen?............................................................................236
Cómo construir un documento en un componente de imagen.................................................237
Cómo crear imágenes de fotomontaje digital...........................................................................237
Cómo tomar una instantánea de una página ...........................................................................238
Opciones avanzadas para construir componentes de imagen.................................................239
Cómo Insertar un componente de imagen en un documento ..................................................240
Cómo agregar escenas .........................................................................................................241
Acerca de las escenas .....................................................................................................................242
Cómo construir escenas ..................................................................................................................242
Cómo usar el Asistente Inspector .........................................................................................245

8
Cómo abrir el Inspector....................................................................................................................246
Cómo usar el Inspector ....................................................................................................................246
Propiedades del Inspector ...............................................................................................................246
Estilos del Inspector .........................................................................................................................247
Ficha de propiedades del Inspector .................................................................................................248
Propiedades de los detalles del archivo.......................................................................................249
Propiedades de los detalles de la imagen....................................................................................249
Propiedades de los efectos de imagen ........................................................................................250
Propiedades de procesamiento de imagen..................................................................................252
Propiedades del documento de Inspector....................................................................................252
Propiedades de la página de Inspector........................................................................................253
Propiedades de la selección de Inspector....................................................................................253
Propiedades del elemento ...........................................................................................................254
Propiedades de la página ............................................................................................................255
Propiedades de configuración de página .....................................................................................256
Propiedades de diseño de sitio ....................................................................................................258
Propiedades de página Web........................................................................................................258
Propiedades de la construcción del sitio Web.............................................................................259
Ficha de estilos de Inspector ...........................................................................................................261
Estilos de dibujo ...........................................................................................................................262
Estilos de elemento......................................................................................................................263
Estilos de edición de texto enriquecido ........................................................................................263
Ficha de capas de Inspector ............................................................................................................265
Capas del Inspector .....................................................................................................................266
Hojas de estilo .......................................................................................................................267
¿Qué es una clase de estilo?...........................................................................................................268
Diálogo de clase de estilo ................................................................................................................268
Clases de estilo global .....................................................................................................................269
Clases de estilo de documento ........................................................................................................270
Cómo agregar una clase de estilo global .........................................................................................270
Cómo agregar una nueva clase de estilo.........................................................................................271
Cómo aplicar una clase de estilo .....................................................................................................271
Cómo cambiar el comportamiento del vínculo predeterminado .......................................................272
Propiedades de clase de estilo ........................................................................................................273
Cómo editar una clase de estilo.......................................................................................................274
¿Cómo mejoran mi código exportado las clases de estilo? .............................................................274
Cómo importar clases de estilo desde documentos Web Easy .......................................................275
¿Por qué mi elemento vinculado con una clase de estilo aparece diferente en mi navegador de Web
? .......................................................................................................................................................275
Bordes y margen interior .......................................................................................................276
Cómo agregar un borde de estilo CSS ............................................................................................277
Color de borde .................................................................................................................................277
Estilos de borde ...............................................................................................................................278
Configuraciones de margen interior de texto ...................................................................................280
¿Por qué no puedo ver el borde que he agregado a mi imagen? ....................................................280
¿Por qué los bordes de mi campo se ven diferentes en mis navegadores de Web?......................281
Cómo construir un documento en un sitio Web ........................................................ 282
Acerca de construir ...............................................................................................................283

9
¿Debería construir como simple, dinámico o CSS ? ............................................................283
Cómo construir un sitio Web simple ( HTML Simple ) ..........................................................291
Cómo construir un sitio Web ............................................................................................................292
Transparencia de imagen ................................................................................................................293
Cómo se guardan las páginas HTML...............................................................................................293
Opciones avanzadas de construcción HTML...................................................................................294
Cómo construir un sitio Web dinámico de escenas ..............................................................295
Cómo construir un sitio Web dinámico.............................................................................................296
Opciones avanzadas para construcción de sitios de escenas dinámicas ........................................298
Opciones avanzadas para construcción de escenas dinámicas ..................................................299
Cómo construir una presentación ................................................................................................300
Cómo construir un sitio Web con CSS(HTML/XHTML) ........................................................301
Cómo construir un sitio con un estilo CSS .......................................................................................302
¿Cuál es la diferencia entre XHTML y HTML?.................................................................................303
Opciones avanzadas para construcción de sitios con estilo CSS...................................................304
Opciones avanzadas para construcción de sitios CSS ................................................................305
Cómo coleccionar sus imágenes de sitio Web en una sub- carpeta cuando usted construye306
Cómo coleccionar medios vinculados y documentos en una sub- carpeta cuando usted
construye ...............................................................................................................................306
¿Qué archivos se crean cuando yo construyo mi sitio? .......................................................307

CÓMO PUBLICAR UN SITIO WEB EN INTERNET......................................... 309


Antes de publicar ..................................................................................................... 310
El Asistente de publicación ...................................................................................... 310
Cómo publicar su primer sitio Web........................................................................... 310
Acerca de la página primaria.................................................................................... 312
Publicación avanzada .............................................................................................. 313
Cómo publicar con FTP Max.................................................................................................314
Cómo conectar al host remoto ................................................................................. 315
Cómo conectar con su host remoto ......................................................................................316
Cómo usar un perfil de conexión ..........................................................................................316
Cómo crear un perfil de conexión nuevo ..............................................................................317
Cómo seleccionar un perfil para conexión ............................................................................317
Errores de conexión ..............................................................................................................317

REFERENCIAS ................................................................................................ 319


Acerca de HTML, DHTML, XHTML y CSS ............................................................... 320
Requerimientos del sistema ..................................................................................... 320
Cómo configurar opciones ....................................................................................... 322
Cómo configurar sus opciones..............................................................................................323
Opciones generales ..............................................................................................................323
Opciones de documento .......................................................................................................338
Opciones de cuadrícula.........................................................................................................339

10
Opciones de imagen .............................................................................................................340
Opciones de construcción para HTML..................................................................................340
Opciones de carpeta .............................................................................................................342
Opciones de programas ........................................................................................................342
Opciones avanzadas.............................................................................................................343
Interfaz Web Easy.................................................................................................... 360
La barra Web Easy...............................................................................................................361
La barra de tareas .................................................................................................................361
Barras de herramientas.........................................................................................................361
Barras de herramientas.........................................................................................................363
Barras de herramientas de Portada .................................................................................................364
Barra de herramientas de Diseñar ...............................................................................................365
Barra de herramientas de Construir .............................................................................................365
Barras de herramientas de editar.....................................................................................................366
Barra de herramientas común de Edición ....................................................................................367
Barra de herramientas de Editar página ......................................................................................367
Barra de herramientas de Editar foto ...........................................................................................368
Barra de herramientas de Editar texto .........................................................................................368
Barra de herramientas de Editar formas ......................................................................................369
Barra de herramientas de Organizar elementos ..........................................................................369
Barras de herramientas de herramientas.........................................................................................371
Barra de herramientas de Asistentes ...........................................................................................372
Barra de herramientas multimedia ...............................................................................................372
Menús....................................................................................................................................374
Barra de menús ...............................................................................................................................375
Menú Archivo ...................................................................................................................................375
Menú Edición ...................................................................................................................................375
Menú Organizar ...............................................................................................................................375
Menú Insertar...................................................................................................................................375
Menú Modificar ................................................................................................................................375
Menú Modificar foto..........................................................................................................................376
Menú Modificar texto........................................................................................................................376
Menú Modificar forma ......................................................................................................................376
Menú Modificar página.....................................................................................................................376
Menú Construir ................................................................................................................................376
Menú Herramientas..........................................................................................................................376
Menú Ventana..................................................................................................................................376
Menú Ayuda.....................................................................................................................................376
Glosario ................................................................................................................... 377
Glosario .................................................................................................................................378
Instalar ..................................................................................................................... 380
El panel Ordenar...................................................................................................... 381
El panel de descripción del paquete........................................................................ 381
El panel de paquetes ............................................................................................... 381

11
NO PUEDO OIR MI VÍNCULO DE AUDIO ROLLOVER CUANDO MI SITIO
WEB DHTML SE VE CON UN NAVEGADOR NETSCAPE............................ 381

CÓMO LIMPIAR EL SITIO SELECCIONADO ................................................. 381

ASISTENTE DE PUBLICACIÓN, PANTALLA DE SELECCIONAR PAQUETE381

ASISTENTE DE PUBLICACIÓN, CONFIGURACIONES DE TRANSFERENCIA382

CÓMO INICIAR EL ASISTENTE DE WEB ...................................................... 382

PARA USUARIOS DE MAC: CÓMO DISEÑAR .............................................. 383


Sugerencias de compatibilidad para usuarios de Web Easy ................................... 383
Muchos usuarios de Internet no usan la plataforma de Windows. Posiblemente usted
desee considerar algunas de las limitaciones especiales impuestas por distintos
sistemas operativos, plataformas de Hardware y software para navegación............ 383

CÓMO BUSCAR IMÁGENES .......................................................................... 384

CÓMO BUSCAR VÍNCULOS ........................................................................... 384

CÓMO BUSCAR TEXTO ................................................................................. 384

CUANDO AJUSTAR LA TONALIDAD, SATURACIÓN O INTENSIDAD ........ 385

CÓMO AJUSTAR EL ESTILO DE UNA FORMA............................................. 385

CÓMO INSERTAR OBJETOS ......................................................................... 386

CÓMO MOSTRAR EL ASISTENTE DE TEXTO .............................................. 386

CÓMO VINCULAR A UN ANCLA EN LA MISMA PÁGINA ............................ 386

CÓMO VINCULAR A OTRA PÁGINA.............................................................. 387


Documento en blanco .............................................................................................. 387
Explorador de archivo .............................................................................................. 387
Construir un sitio Web.............................................................................................. 387

CÓMO ELEGIR UNA PLANTILLA DE DISEÑO .............................................. 387


Cerrar ...................................................................................................................... 388

CÓMO DISEÑAR DOCUMENTOS................................................................... 388

CÓMO SALIR DE WEB EASY ......................................................................... 388


Ayuda ...................................................................................................................... 388

CÓMO SE GUARDAN LAS PÁGINAS DHTML............................................... 388

12
Barra de menús ....................................................................................................... 388
Abrir documento....................................................................................................... 389
Publicar.................................................................................................................... 389

CÓMO GUARDAR UN DOCUMENTO LA PRIMERA VEZ.............................. 389


Mostrar al Inicio........................................................................................................ 389
Barra de tareas ........................................................................................................ 389
Barra de herramientas ............................................................................................. 389
Tutorial..................................................................................................................... 389
Botones de Web Easy.............................................................................................. 389
Espacio de trabajo ................................................................................................... 390

BASE DE DATOS DEL PRODUCTO............................................................... 392

ESCENAS ........................................................................................................ 393

SKU .................................................................................................................. 393

CÓMO ENVIAR ARCHIVOS POR E-MAIL ...................................................... 394


Acerca de Web Easy................................................................................................ 394
Centro de actividad .................................................................................................. 394
Agregar/Reemplazar marco ..................................................................................... 394
Agregar/Reemplazar esténcil ................................................................................... 394
Alinear...................................................................................................................... 394
Animación ................................................................................................................ 395
Organizar iconos...................................................................................................... 395
Audio ....................................................................................................................... 395
Caja ......................................................................................................................... 395
Construir un componente ......................................................................................... 395
Cascada................................................................................................................... 395

VERIFIQUE ACTUALIZACIONES ................................................................... 395


Borrar marco............................................................................................................ 395
Borrar foto................................................................................................................ 395
Cerrar ...................................................................................................................... 395
Productos VCOM complementarios ......................................................................... 395
Copiar ...................................................................................................................... 396
Crear un componente .............................................................................................. 396

13
Crear un sitio Web ................................................................................................... 396
Recortar ................................................................................................................... 396
Curva ....................................................................................................................... 396
Cortar....................................................................................................................... 396
Eliminar.................................................................................................................... 396
Eliminar página. ....................................................................................................... 396
Efectos HTML dinámicos ......................................................................................... 396
Editar ....................................................................................................................... 396
Editar texto.............................................................................................................. 396
Salir ......................................................................................................................... 396
Rellenar ................................................................................................................... 396
Fondo ...................................................................................................................... 396
Rellenar ................................................................................................................... 397
Primera .................................................................................................................... 397
Ajustar...................................................................................................................... 397
Fuente...................................................................................................................... 397
Ir a ........................................................................................................................... 397
Grupo....................................................................................................................... 397
Ayuda ...................................................................................................................... 397

BOTÓN PORTADA .......................................................................................... 397


Insertar objetos ........................................................................................................ 397
Insertar página ......................................................................................................... 397
Insertar una foto....................................................................................................... 397
Insertar imágenes prediseñadas (Clipart)................................................................. 397
Insertar componente ................................................................................................ 397
Insertar texto............................................................................................................ 397

ARTE EN LÍNEA .............................................................................................. 398

PORTADA DE VCOM ...................................................................................... 398

SOPORTE TÉCNICO DE VCOM...................................................................... 398


Justificar................................................................................................................... 398
Última ...................................................................................................................... 398
Orden....................................................................................................................... 398
Línea........................................................................................................................ 398

14
Grosor de línea ........................................................................................................ 398
Línea........................................................................................................................ 399
Vínculo..................................................................................................................... 399
Asistente de vínculos ............................................................................................... 399
Bloquear .................................................................................................................. 399
Modificar texto.......................................................................................................... 399
Modificar foto ........................................................................................................... 399
Reproductor de multimedia ...................................................................................... 399
Nuevo ...................................................................................................................... 399
Siguiente.................................................................................................................. 399
Registración en línea ............................................................................................... 399
Abrir ......................................................................................................................... 399
Opciones.................................................................................................................. 399
Óvalo ....................................................................................................................... 399
Pegar ....................................................................................................................... 400
Pega el contenido del portapapeles sobre el documento. ....................................... 400
Pegar está disponible solamente si un elemento ha sido copiado o cortado sobre el
portapapeles. ........................................................................................................... 400
Pausa ...................................................................................................................... 400
Efectos de foto ......................................................................................................... 400
Reproducir ............................................................................................................... 400
Le permite reproducir el archivo de multimedia seleccionado dentro de un documento.400
Polilínea ................................................................................................................... 400

HOSPEDAJE DE WEB PREFERIDO............................................................... 400


Vista previa .............................................................................................................. 400
Anterior .................................................................................................................... 400
Imprimir.................................................................................................................... 400
Vista previa de impresión ......................................................................................... 400
Asistente de publicación .......................................................................................... 400
Reciente................................................................................................................... 400
Grabar...................................................................................................................... 400
Rehacer ................................................................................................................... 401
Actualizar ................................................................................................................. 401
Reemplazar foto....................................................................................................... 401

15
RECURSOS ..................................................................................................... 401
Rotar........................................................................................................................ 401
Sitios Web de muestra ............................................................................................. 401
Guardar.................................................................................................................... 401
Guardar como .......................................................................................................... 401
Asistente de código.................................................................................................. 401
Asistente de búsqueda............................................................................................. 401
Seleccionar .............................................................................................................. 401
Seleccionar todo ...................................................................................................... 401
Sombra .................................................................................................................... 401
Tamaño.................................................................................................................... 401
Tamaño y posición................................................................................................... 402
Tamaño de página ................................................................................................... 402
Forma sólida ............................................................................................................ 402
Ordenar.................................................................................................................... 402
Detener .................................................................................................................... 402
Estilo........................................................................................................................ 402

ASISTENTE DE TEXTO................................................................................... 402


Tamaño de texto ...................................................................................................... 402
Mosaico ................................................................................................................... 402
Título........................................................................................................................ 402
Transferir archivos ................................................................................................... 403
Transiciones ............................................................................................................ 403
Tutorial..................................................................................................................... 403
Deshacer ................................................................................................................. 403
Visite VCOM ............................................................................................................ 403
Construir un sitio Web.............................................................................................. 403
WYSIWYG ............................................................................................................... 403

¡UN ELEMENTO EN MI SITIO WEB ESTÁ ESCONDIDO DETRÁS DE OTRO!403

¡NO PUEDO VER TODO MI TEXTO!............................................................... 403

¡NO PUEDO VER TODO MI DOCUMENTO! ................................................... 403

QUIERO INCRUSTAR UNA IMAGEN PERO LA OPCIÓN 'IMAGEN


INCRUSTADA' EN EL DIÁLOGO VÍNCULO ESTÁ GRIS............................... 403

16
¡MI MARCO NO ENCAJA CON MI FOTO! ...................................................... 404

¡MIS FOTOS VERTICALES ESTÁN HORIZONTALES!.................................. 404

¡MI TEXTO SE HA CONVERTIDO EN UNA IMAGEN!................................... 404

¡ALGUNOS DE MIS ELEMENTOS VINCULADOS NO SON VISIBLES! ........ 404

¡ALGUNOS DE MIS VÍNCULOS A OTROS SITIOS NO FUNCIONAN! .......... 405

¡ALGUNOS DE LOS VÍNCULOS A OTRAS PARTES DE MI SITIO WEB NO


ESTÁN FUNCIONANDO!................................................................................. 405

¡EL ASISTENTE DE PUBLICACIÓN DICE QUE LOS ARCHIVOS


REQUERIDOS HAN SIDO ELIMINADOS DE MI CARPETA LOCAL! ............ 405

¡NO HAY SUFICIENTE ESPACIO DE DISCO EN MI HOST REMOTO PARA


PUBLICAR MI SITIO WEB! ............................................................................. 405

¡CUANDO AGREGUÉ UN MARCO OVALADO A MI FOTO, ÉSTE NO


ENCAJÓ!.......................................................................................................... 406

¡CUANDO YO ELIMINÉ MI MARCO, MI FOTO TAMBIÉN DESAPARECIÓ! . 406

¡CUANDO VEO MI SITIO WEB EN UN NAVEGADOR DE WEB, ÉSTE NO SE


MUESTRA CORRECTAMENTE! ..................................................................... 406

¡CUANDO VEO MI SITIO WEB EN UN NAVEGADOR DE WEB, MIS


VÍNCULOS DE TEXTO SE MUESTRAN COMO VISITADOS! ....................... 407

¡CUANDO VEO MI SITIO WEB EN NAVEGADORES DE WEB DISTINTOS,


ÉSTE APARECE DIFERENTE!........................................................................ 407

INSERTAR UNA TABLA.................................................................................. 407

PROPIEDADES DEL CÓDIGO PARA CONFIGURACIONES DE OBJETO ... 408

CÓMO CONFIGURAR LAS PROPIEDADES OPTATIVAS DEL OBJETO ..... 409

CÓMO CREAR HTML DE ORIGEN PARA BAY ............................................. 410

¿CÓMO SE REPRESENTAN LOS COLORES EN LOS SITIOS WEB? ......... 412

SELECCIONAR DIÁLOGO COLOR ................................................................ 412

CÓMO ADJUNTAR UN ARCHIVO PDF .......................................................... 413

CÓMO ADJUNTAR UN ARCHIVO DE WORD, EXCEL OR POWERPOINT . 413

17
CÓMO ADJUNTAR UNA IMAGEN O FOTO DIGITAL ................................... 414

CÓMO ADJUNTAR UN ARCHIVO DE AUDIO MP3........................................ 414

CÓMO ADJUNTAR CUALQUIER CLASE DE ARCHIVO A SU PÁGINA....... 415

¿CÓMO AUMENTO EL TAMAÑO DE UNA DE MIS PÁGINAS WEB? .......... 415

¿CÓMO HAGO PARA VINCULAR A UN PUNTO MUY ABAJO EN LA PÁGINA


PARA EVITAR EL LARGO DESPLAZAMIENTO?......................................... 416

¿POR QUÉ NO VEO LOS CAMBIOS QUE HE HECHO A MI SITIO WEB


LUEGO DE HABERLO CARGADO?............................................................... 416

ASISTENTE DE ESTILO DE HOJA EN CASCADA (CSS) ............................. 417

¿CÓMO CONTROLO EL COMPORTAMIENTO DE LAS IMÁGENES AL


EXPORTARLAS COMO PORCENTAJE DEL ANCHO DE LA PÁGINA? ...... 417

UNIDADES DE MEDIDA .................................................................................. 418

CÓMO PERSONALIZAR LA LISTA DE LOS NAVEGADORES DE WEB EN EL


MENÚ DE VISTA PREVIA ............................................................................... 418

PROPIEDADES DE COLORES, TEXTURAS, DEGRADADOS, TRAMAS Y


TRANSPARENTES .......................................................................................... 419

DIÁLOGO EDITAR TEXTO .............................................................................. 419

CONFIGURACIONES DE DEGRADADO ........................................................ 419

EL DIÁLOGO DE CONFIGURACIONES DE DEGRADADO LE PERMITE


ESTABLECER LOS PARÁMETROS PARA UN DEGRADADO. ESTOS
PARÁMETROS SON UN COLOR PARA COMENZAR Y UNO PARA
TERMINAR Y TAMBIÉN EL ÁNGULO DEL DEGRADADO............................ 420

EXPLORADOR DE ARCHIVO ......................................................................... 420

CÓMO HACER EL EFECTO MOSAICO EN EL FONDO DE UNA PÁGINA EN


SÓLO UNA DIRECCIÓN.................................................................................. 420

DIÁLOGO PARA MODIFICAR TAMAO Y POSICIÓN.................................... 421

RELLENOS DE TRAMA .................................................................................. 421

BARRA DE HERRAMIENTAS DE ACCESO RÁPIDO .................................... 422

18
Bienvenido
Bienvenido a Web Easy, el sofisticado programa de diseño Web que es realmente fácil de
usar. Con Web Easy, usted puede crear sitios Web fácilmente, sin ningún conocimiento de
programación HTML.. Web Easy le da un control completo WYSIWYG sobre el contenido y
diseño de cada página de su documento.

Para crear:
 Sitios Web con botones, vínculos, sonido y video incrustados, y más...
 Sitios Web dinámicos con efectos especiales como textos en movimiento, transiciones
de página, imágenes rollover, animación y más...
 Presentaciones en pantalla y presentaciones para sesiones con diapositivas.
Para trabajar con imágenes:
 Dar un fondo transparente a las imágenes.
 Aplicar efectos especiales de foto a sus imágenes.
Conocimientos previos
Antes de comenzar la creación de su primer documento, usted deberá tener un conocimiento
práctico de su PC y de su sistema operativo. Verifique los requerimientos del sistema en el
Readme.hlp file (archivo de lectura) para asegurarse de que su PC tiene suficiente capacidad.
Usted debe saber cómo usar un ratón, los menús estándar de Windows y los comandos, y
cómo abrir, guardar y cerrar archivos. Para mayor información, consulte su documentación de
Microsoft.
Características avanzadas
Para aquellos que tengan un conocimiento más avanzado y más experiencia de diseño Web ,
las versiones completas de Web Easy ofrecen algunas características avanzadas realmente
excitantes.
Para crear:
 Sitios Web activos con el tema de los colores, texto e imágenes.
 Ilustraciones de GIF animados.
 Componentes de imagen desde elementos en su documento.
Las posibilidades tienen como límite a su imaginación solamente ....

Nota:
Para obtener el máximo beneficio de su software, usted debe tener una tarjeta de video de 16-
bits o mayor. Si usted está usando una tarjeta de 8-bits sus imágenes pueden ser lentas para
cargar y mostrarse y puede que la representación de los colores no sea correcta.

Ver también
Vista general
Cómo usar este sistema de Ayuda
Cómo empezar
Cómo entender la interfaz

Vista general
Web Easy es un programa para diseño Web fácil de usar. Hasta los principiantes pueden

20
crear sitios Web fácilmente, tanto sitios Web HTML regulares como sitios dinámicos DHTML.
Los usuarios más avanzados pueden agregar funciones como imágenes GIF animadas y
componentes VRML .
Sitio Web (HTML)
Para dar formato a los sitios Web se usan los comandos del lenguaje de formato de hipertexto
(Hypertext Markup Language: HTML).
Un típico sitio Web consiste de un número de páginas Web, y cada una de ellas contiene
texto e imágenes. Algunas también incluyen sonido. y video. Las páginas Web generalmente
contienen vínculos a otras páginas dentro del sitio, como así también a otros sitios Web .
Sitios Web dinámicos (DHTML)
Los sitios Web dinámicos obtienen su formato con los comandos del lenguaje de formato de
hipertexto dinámico
(Dynamic Hypertext Markup Language DHTML ).
Los sitios Web dinámicos muestran efectos especiales como animaciones, mensajes en
movimiento, transiciones de página, imágenes rollover y más aún. Usando DHTML, usted
puede crear presentaciones dinámicas y presentaciones para sesiones con diapositivas.

Características avanzadas:
Imágenes animadas GIF
Imágenes animadas GIF son imágenes animadas, las que usted puede crear e incrustar
en su sitio Web.
Componentes de imagen
Exporte una parte de su sitio Web como una imagen y luego úsela nuevamente en su
sitio.
Escenas
Construya sus páginas Web de manera que al serle presentadas al usuario en Internet
tengan distinta apariencia.
Comercio Electrónico
Establezca un negocio en Internet vendiendo sus productos y usando soluciones seguras y
sin riesgos dentro del comercio electrónico.

Cómo usar este sistema Ayuda


Use este sistema Ayuda para que le asista en diseñar, construir y publicar sus sitios Web
propios.
¡Quiero un poco de experiencia directa y práctica ahora mismo!
Use la guía Comienzo rápido para instrucciones paso a paso acerca de cómo crear su primer
sitio Web.
Yo quiero aprender a crear un sitio Web (HTML)
1. Consulte la sección titulada Creando sitios Web y lea todos los tópicos en la sección
titulada Creando un documento .Contiene información acerca de cómo trabajar con
documentos y modificarlos. Lea ahora acerca de cómo diseñar el documento que será
la base de su sitio Web.
2. Consulte la sección titulada Cómo construir un documento en un sitio Web y lea el
tópico llamado Construir un sitio Web. Este tópico explica cómo usted puede construir
su documento en un sitio Web que puede ser visto con un explorador de Web.
3. Consulte la sección titulada Publicando un sitio Web en Internet. Esta sección explica
cómo usted puede publicar su sitio Web en Internet.

21
Yo quiero aprender a crear un sitio Web dinámico (DHTML)
1. Consulte la sección titulada Cómo crear sitios Web y lea todos los tópicos en la sección
titulada Cómo crear un documento . Contiene información acerca de trabajar con
documentos y modificarlos. Lea ahora acerca de cómo diseñar el documento que será
la base de su sitio Web.
2. Consulte la sección titulada Funciones especiales para sitios Web dinámicos en la
sección de Características avanzadas. Descubra los elementos especiales que usted
puede incluir en su diseño.
3. Consulte la sección titulada Cómo construir un documento en un sitio Web y lea el
tópico llamado Cómo construir un sitio Web dinámico. Este tópico explica cómo usted
puede construir su documento en un sitio Web dinámico que puede ser visto con un
explorador de Web.
4. Consulte la sección titulada Cómo publicar un sitio Web en Internet. Esta sección
explica cómo usted puede publicar su sitio Web dinámico.

Terminología Web Easy


Como usted puede imaginarse, la World Wide Web (la malla mundial) ¡ trae consigo su propia
jerga completa y con sus siglas! Para ayudarle a usar Web Easy, proveemos una definición
de varios términos que se usan en todo el software de Web Easy y en este sistema de
Ayuda.
Este tópico describe algunos términos y conceptos preliminares importantes.
Cómo diseñar un documento
Un documento se refiere al documento de origen que usted diseña por primera vez en Web
Easy. Comprende una o más páginas, y contiene todos los elementos gráficos y de texto que
usted quiere publicar en la World Wide Web. Un documento con la extensión .ALB se guarda
en forma predeterminada en la carpeta:
C:\Documentos y configuraciones\usuario\Mis Documentos\Web Easy\Documentos
Una plantilla de diseño Web Easy es un documento de muestra que se le suministra para
que usted lo use como una trama para su propio documento, teniendo la mayoría de los
elementos de diseño gráficos y textuales ya ubicados. Simplemente perrsonalice cualquier
plantilla agregándole su propio texto, gráficos o fotos. Consulte Cómo diseñar un documento
nuevo.
Cómo construir un documento en un sitio Web
Cada documento completo debe ser convertido en un sitio Web, en un formato que le
permitirá al público verlo con sus exploradores de Web, en la World Wide Web. Web Easy
hace esto para usted en el proceso Construir.
Después que haya terminado de diseñar su documento, constrúyalo en un Sitio Web o un
sitio Web dinámico. Este proceso toma su documento, crea los necesarios archivos HTML o
DHTML a la perfección, y convierte todos los gráficos incluídos en formatos compatibles para
la Web. Usted nunca tiene que ver o trabajar con código HTML elemental.
Si usted crea el documento usando el Asistente de sitio Web, usted puede construir el sitio
Web como parte del proceso.
Después de construir el documento, usted puede ver el resultado en un explorador de Web en
su ordenador..

22
Cómo publicar en la Web
Después de haber elegido un proveedor de servicios de Internet ( ISP:Internet Service
Provider ) o un proveedor de hospedaje Web para hospedar su sitio Web en la World Wide
Web, usted puede entonces Publicar sus archivos locales de sitio web. . Esto significa
transferir el conjunto de archivos HTML o DHTML (los que usted creó con el comando
Construir ) desde su ordenador local hasta el ordenador remoto de su ISP en Internet. Use el
Asistente de publicación , el cual le guiará a través del proceso completo de transferencia de
archivos usando el protocolo de transferencia de archivos de Internet ( File transfer protocol
:FTP). Los usuarios más avanzados tienen la conveniencia de publicar su sitio Web usando
FTP Max, la utilidad para el cliente FTP incorporada-en Web Easy.

En resumen, para llegar rápidamente a la Web con Web Easy, use estos tres pasos distintos:
1. Diseñar su documento con Web Easy.
2. Construir archivos compatibles con la Web (html).
3. Publicar su sitio Web por medio del Asistente de publicación o FTP Max.

Vista general
Cómo crear su primer sitio Web

Primeros pasos
Hay dos formas de crear un sitio Web con Web Easy:
 Usted puede usar el Asistente de sitio Web para que le ayude a crear su documento
en un sólo paso fácil, o
 Usted puede diseñar un documento basado en una plantilla de diseño.
Cuando usted haya terminado de diseñar su documento, constrúyalo en la forma de un sitio
Web, guárdelo y publíquelo en la Web.
Cómo crear un sitio Web con el Asistente de sitio Web
Los ‘Asistentes ’ son herramientas que lo guían a través de un proceso. Usar el Asistente de
sitio Web es rápido y fácil. Todo lo que debe hacer es elegir sus fotos y una plantilla de diseño.
El Asistente creará el diseño para usted, incluyendo el formato de texto, la organización de las
fotos, gráficos y vínculos entre las páginas..Usted puede entonces modificar el texto y hacer
los últimos ajustes.
Diseñar un documento
Para tener un control total sobre el aspecto de su documentos, diséñelo usted mismo. Use una
plantilla de diseño o cree su propio diseño original sobre un documento en blanco.

Yo quiero:
Crear un documento usando el Asistente de sitio Web
Diseñar un documento nuevo
Diseñar un documento nuevo usando una plantilla

Qué hay de nuevo en la versión profesional 6.0 de Web Easy

La nueva versión profesional de Web Easy es la más poderosa hasta ahora. Tiene nuevas
características para darle más control en la creación de sitios Web de aspecto más
profesional, mientras todavía mantiene la simplicidad de crear un sitio arrastrando y colocando

23
objetos sobre su página. Con una nueva presentación y forma de trabajar,
¡ Web Easy es todavía la constructora de sitios Web más impresionante y más fácil de usar
que pueda conseguirse hoy!

Las mayores características nuevas son:


 Estilos. Diseñe su sitio Web con estilos y adquiera mayor control y flexibilidad en el
mantenimiento de su sitio Web.
 Ventana Inspector . La nueva ventana Inspector le da acceso total a todos los
aspectos de su sitio Web.
 Hojas de estilo en cascada (Cascading Style Sheets :CSS). Apoyo completo para
Cascading Style Sheets (CSS) le permite separar el diseño y el contenido de su sitio.
Tanto el estándar HTML como el XHTML son compatibles usando CSS. Además,
distintas unidades de medida son también compatibles al crear sitios Web con CSS
 Totalmente compatible con todos los estándares de Internet El código HTML,
totalmente compatible, es generado y pasa las recomendaciones y validación W3C.
Usted también tiene ahora más control sobre cómo se genera el código HTML
 Optimización del motor de búsqueda (Search Engine Optimization: SEO). Mayor
acceso a todos los aspectos de su sitio Web y a una generación de HTML totalmente
compatible mejora la SEO de los diseños de su sitio Web.
 Apoyo RSS Feed . Agregue RSS feeds a su sitio con el generador automático de
RSS feed de Web Easy.
 Nuevo selector de colores para ayudarle a elegir colores seguros para la Web.
 Todos los exploradores de Web son compatibles. Haga vista previa y pruebe sus
sitios Web en su(s) explorador(es) preferido(s) de Web).
 Navegación con aplicación y aspecto mejorados.
 Nuevas plantillas de diseño de sitio Web para elegir.
 Explorador de archivo mejorado.
 Tutorial y archivo Ayuda actualizados.
 Más de 100 pequeñas mejoras generales.
La nueva Ventana inspector es central para las nuevas características en Web Easy. Le
permite ver y modificar propiedades y estilos de su sitio en un abrir y cerrar de ojos. Hay más
de 140 propiedades y estilos por lo tanto usted tiene control total de la forma en que su sitio
se construye y se muestra
Para tener su sitio construído en la forma más profesional, Web Easy tiene ahora el apoyo
completo de Cascading Style Sheets (CSS). El código HTML producido por Web Easy es
tan bueno ahora que ¡ usted pensaría que fue escrito a mano por un profesional! Una vez que
usted use la nueva ventana Inspector usted podrá acceder a los importantes estilos CSS , y
si no sabe qué son los estilos no importa.¡ Web Easy aún puede escribir todo el código para
usted! Sin embargo el gran rasgo es que con el editor Personalizar (Custom) CSS, ahora
incluido, usted puede escribir a mano cualquiera de cientos de estilos definidos por CSS si así
lo prefiere. Todo esto con la tranquilidad de que al elegir construir uno de los nuevos tipos de
estilo CCS, el código que se escribirá para usted será compatible con los estándares de W3C .

Para que la mayor cantidad de gente encuentre su sitio, Web Easy ha mejorado ampliamente
los métodos para Optimización del motor de búsqueda (SEO). La funcionalidad del estilo
de hoja en Web Easy permite a los usuarios aplicar estilos HTML estándar a los elementos,
por ejemplo <h1>, <h2>, <blockquote>, etc. para asegurarse de que los motores de búsqueda
tienen todas las oportunidades de encontrar su sitio. Usted también ahora puede establecer y
controlar directamente definiciones HEAD y META en todas las páginas en su sitio, y usted
puede establecer las etiquetas con los nombres que usted quiere usar en los elementos en su
página

24
La ventana Inspector puede controlar qué tipo de unidades de medida usa su sitio. Al
exportar en forma relativa a la medida de fuente que el usuario ha establecido para su sitio, su
sitio estará a la medida que conviene a las necesidades de los usuarios. Usted también puede
diseñar su sitio para cambiar el tamaño o reordenar, de la manera en que el usuario cambia el
tamaño de su explorador o basado en la resolución que el usuario ha configurado en su
presentación.

Los bordes CSS ahora le permiten establecer una amplia variedad de bordes para sus
imágenes y hasta para los elementos de texto en su sitio. Estos bordes producen un gran
efecto al aplicarlos al texto o las imágenes. También puede añadir margen interior CSS a
los objetos para espaciar cómodamente su texto.

Ahora es más fácil que nunca hacer una vista previa de su sitio Web en cualquiera de los
exploradores de Web que usted ha instalado. Web Easy encuentra todos los exploradores de
Web y con el clic de un botón usted puede ver de qué forma se verá su sitio en cualquiera de
esos exploradores. También puede personalizar esta lista y agregar cualquier aplicación que
quiera.

EL explorador de archivo es ahora más rápido y está totalmente incrustado dentro de Web
Easy para hacer más fácil la construcción y administración de sus sitios.

Queremos que su sitio le guste a la mayor cantidad de usuarios de ordenadores, por ello
hemos incluído un Selector de colores en paleta segura para Web, que le permite limitar
el diseño de sus colores para que aquellas máquinas de usuarios con presentación en
colores limitados puedan no obstante mostrar colores

Para aquellos que quieran aún más control sobre la forma en que se muestra su código
HTML, usted ahora puede especificar el caso de su código HTML exportado.

También en la Versión se encuentra la nueva función trama . Las tramas pueden ser
aplicadas como el fondo de su página, o hasta el fondo de sus elementos de texto o sus
campos. Estas tramas se guardan como pequeñas y eficientes imágenes gif que su
explorador pondrá creando el efecto como mosaico al construir su página. .

Los archivos XML RSS pueden ser automáticamente generados para la página. Esto
permitirá que sus clientes sepan que usted ha actualizado su sitio Web.

Estas nuevas y poderosas funciones convertirán a su sitio Web en lo mejor que ha existido,
sin lugar a dudas.
¡Esperamos que disfrute usando Web Easy!

Actualizaciones automáticas para software VCOM

Manténgase al día con Auto Actualización (Auto Update)


Su software VCOM incluye un "Auto Update" vinculado al sitio Web para que usted pueda
actualizar su software hasta la última versión, descargar los últimos " remiendos" u obtener
recursos adicionales para extender la funcionalidad de su software. Con Auto Update usted
puede:
 Instalar actualizaciones en su software VCOM ya instalado.

25
 Descargar nuevas características o recursos
 Probar el último software de demostración de VCom y de otros desarrolladores de
software de renombre mundial
 Adquirir e instalar nuevo software VCOM

¿Cómo tengo acceso a Auto Update?


1. Asegúrese que tiene una conexión a Internet activa.
2. En el menú Ayuda haga clic en Verificar actualizaciones.
3. Seleccione entre las descargas disponibles en la sección de la izquierda
4. Lea la información en la sección de la derecha.
5. Haga clic en el botón Instalar. Es así de fácil.
¿Tengo que buscar información en la Web?
No. Auto Update le presentará las descargas relevantes a su software en una sencilla
ventana con dos secciones. Simplemente lea y haga clic.

¿Cuándo debería usar Auto Update?


1. Si tiene problemas con su software, use Auto Update para verificar si el problema ha
sido resuelto con un "remiendo" o una actualización de la versión.
2. Verifique regularmente para ver si hay otros recursos adicionales disponibles. Ellos
pueden incluir cosas como objetos de página Web, plantillas de diseño o
características o funciones adicionales..
¿Tengo que instalar los archivos descargados?
No, Auto Update es simplemente esto, un actualizador automático de su software. Los
archivos descargados se instalan por sí mismos. Un medidor de progreso le mostrará el
estatus de su descarga, y la instalación es transparente para el usuario.
¿Tengo que pagar por las actualizaciones?
"Remiendos" y actualizaciones menores de su software son gratis.
Recursos adicionales pueden ser gratis o pueden demandar un cargo. En cuanto a recursos o
actualizaciones que requieran un pago, simplemente haga clic en el enlace para comprar en
línea antes de descargar.

Acerca de publicar
Publicar un sitio Web es el proceso de transferir el sitio a Internet para que otras personas
puedan verlo con sus exploradores de Web.
Para publicar, usted necesita tener una cuenta con un proveedor de servicios de Internet
( Internet Service provider: ISP), quien destina espacio para sus archivos en el servidor que él
administra (su ordenador host). El servidor también se conoce como el host remoto.
Publicar involucra cargar (subir) su sitio Web a su host remoto, incluyendo los elementos
extra, como archivos gráficos o de sonido.
VCOM provee un servicio de Hospedaje de Web preferido para simplificar la publicación de
sitios Web. Haga clic aquí para obtener información sobre el sitio Web de VCOM..
Ver también
Antes de que usted publique
Cómo usar el Asistente de publicación

26
Cómo obtener asistencia
Hay varias maneras en que usted puede obtener asistencia:
 Ejecute el tutorial
 Despliegue la demostración
 Use este manual de Ayuda en línea
 Explore a través de las preguntas más frecuentes
 Contacte a su centro de soporte
 No se olvide de registrar su software VCOM

Cómo usar Ayuda en línea


Para abrir este manual de Ayuda:
 Haga clic en Tópicos de ayuda desde el menú Ayuda, o
 Presione F1 en su teclado.

Cómo obtener soporte técnico


Para información actual con respecto a soporte técnico, servicio al cliente e información de
contacto :

Contacte nuestro Centro de ayuda y soporte técnico por medio de Internet.


No se olvide de registrar su software en línea.

Esperamos que disfrute usando nuestro software. Para contactarnos o aprender acerca de
otros de nuestros excelentes productos:

En América del En Europa


Norte
Avanquest Avanquest Software
USA France :
Customer Support www.avanquest.fr
7031 Koll Center Deutschland:
Pkwy www.avanquest.de
Suite 150 Italia:
Pleasanton www.avanquest.it
California 94566, España:
www.avanquest.es
USA
www.v-com.com Visítenos

Contacte con nuestro soporte técnico :


Por teléfono: 0033 1 56 76 58 09 con el formulario de contacto :
www.bvrp.com/spanish_support.htm

¡ Gracias por usar Web Easy !

29
Copyright © 2006 Avanquest Publishing USA, Inc. Todos los derechos reservados.
VCOM es una marca registrada y Web Easy es una marca registrada de Avanquest Publishing
USA, Inc.
Toda otra marca o nombres de producto son marcas registradas de sus respectivos titulares.

Cómo mostrar muestras de sitios Web


Web Easy contiene muestras de sitios Web en las cuales se demuestran algunas de las
características avanzadas del programa que está en su explorador de Web.
Para ver los ejemplos de sitios Web:
1. Haga clic en Ejemplos de sitios Web desde el menú Ayuda.
2. La página con muestras de sitios Web se abre en su explorador de Web.
3. Haga clic en un tópico en el panel de navegación para ver cada elemento.

30
Preguntas más frecuentes
Antes de contactar a su centro de soporte técnico, vale la pena que usted examine estas
preguntas más frecuentes para ver si su problema ya ha sido respondido. Usted encontrará
preguntas con respecto a:
 Problemas con diseño de sitio Web
 Problemas con fotos y marcos
 Problemas con publicación
 Problemas con texto
 Problemas al ver su sitio Web
 Problemas con vínculos

Problemas con vínculos


Haga clic en un problema para ver la solución.
Algunos de mis elementos vinculados no son visibles.
Algunos de mis vínculos a otros sitios no funcionan.
Algunos de mis vínculos a otras partes de mi sitio Web no están
funcionando.
Yo quiero incrustar una imagen pero la opción de imagen incrustada en el
diálogo Vínculo está gris.
Yo no puedo oír mi vínculo de audio rollover cuando mi sitio Web DHTML
se ve en un explorador Netscape .

Cómo encontrar imágenes


Si al recargar su sitio Web usted no puede encontrar algunas de sus imágenes, las razones
pueden ser:
 Usted ha guardado imágenes en un medio desmontable, que ya no está disponible en
la unidad de disco. Para arreglar esto, vuelva a colocar el medio con la imagen o copie
los archivos a una ubicación segura en su disco duro. Web Easy le dará las
instrucciones para encontrarlos y puede hacer esto automáticamente. Alternativamente
usted puede explorar hasta llegar a una ubicación conocida.
 Usted puede tener archivos con el mismo nombre pero con diferentes extensiones,
tales como photo1.bmp y photo1.jpg. Web Easy no puede resolver automáticamente
esta situación ya que el programa no puede decidir cuál de los archivos es el correcto,
pero usted puede arreglarla manualmente siguiendo las instrucciones en el cuadro de
diálogo que se muestra cuando Web Easy encuentra esta dificultad.
 Usted ha transladado su sitio Web desde una versión anterior de Web Easy.

Cómo encontrar archivos faltantes

Problemas con fotos y marcos


Haga clic en un problema para ver la solución.
Mi marco no encaja con mi foto.
Mis fotos retrato se presentan en modo paisaje.
Cuando yo agregué un marco ovalado a mi foto, no encajó.
Cuando yo eliminé mi marco, mi foto desapareció también.

Problemas de diseño

32
Haga clic en un problema para ver la solución.
Un elemento en mi sitio Web está oculto detrás de otro

Problemas con el texto


Haga clic en un problema para ver la solución.
No puedo ver todo mi texto completo.
Mi texto se ha convertido en imagen.

Problemas al ver su sitio


Haga clic en un problema para ver la solución.
No puedo ver todo mi documento.
Cuando veo mi sitio Web en un explorador de Web, éste no se muestra
correctamente.
Cuando veo mi sitio Web en un explorador de Web mis vínculos de texto
aparecen como vínculos visitados.
Cuando veo mi sitio Web en otro explorador de Web, tiene un aspecto
diferente.

¿Por qué Microsoft Office instala un componente cuando yo


estoy usando Web Easy?

Es posible que usted vea un cuadro de diálogo informándole que Microsoft Office 2000 se está
configurando (ver más abajo.).

Esto puede ocurrir si usted ya ha instalado Office 2000 o Outlook 2000 y no ha usado algunas
de las características HTML del sistema, que se actualizan con esta instalación. Si recibe este
mensaje debe seguir las instrucciones en la pantalla e instalar el componente requerido.

Problemas de publicación
Haga clic en un problema para ver la solución.
El Asistente de publicación dice que los archivos requeridos han sido
eliminados de mi archivo local.
No hay suficiente espacio de disco en mi host remoto para publicar mi
sitio Web.

33
Acerca del Tutorial
Aprenda las actividades más importantes usando el Tutorial de Web Easy. Simplemente haga
clic en un botón para elegir una actividad y ver cómo se hace. El Tutorial le guía paso a paso a
través de la actividad. Usted puede usar el Tutorial para ver cómo:
 Aprender acerca del programa a través de la presentación multimedia y las
demostraciones
 Diseñar un sitio Web
 Publicar un sitio Web.
 Crear un sitio Web con navegación
 Crear una presentación
 Crear una presentación de diapositivas
 Usar las herramientas de Web Easy y los Asistentes
 Crear un componente animado GIF
 Crear un componente de imagen
 Incrustar un contador
 Crear formas interactivas
 Agregar un componente de vínculo dinámico
 Aplicar efectos de foto .
 Organizar elementos
 Crear una imagen rollover
 Animar elementos
 Aplicar efectos dinámicos HTML
 Crear sus propias plantillas
 Crear escenas
 Agregar "De compras por Internet"
 Y más...
Cómo usar el Tutorial

Cómo usar el Tutorial


Usar el Tutorial es fácil, -todo lo que debe hacer es elegir un tópico y luego hacer clic en cada
uno de los pasos siguiendo su numeración.
Por ejemplo:

1. Hacer clic en el menú Ayuda o en al final del extremo derecho de la barra de


herramientas.

2. Seleccionar Tutorial interactivo para comenzar el Tutorial.


3. Una lista de iconos aparece a la izquierda de la ventana del Tutorial . Haga clic en
para desplazar hacia abajo y ver más íconos.
4. Haga clic en un ícono para mostrar una página del Tutorial, por ejemplo, Rollover.
5. Aparece el tópico de cómo hacer un botón manual de rollover. Una lista de números
aparece en el lado izquierdo de la ventana del Tutorial.
6. Haga clic en el primer número para completar el primer paso.
7. Cuando haya completado un paso, un signo de visto bueno aparece sobre el número -

.
8. Continúe con los pasos hasta que haya completado la actividad.
9. Cuando haya completado la actividad, haga clic en Ir Atrás para volver a la página
principal del Tutorial.
35
Cómo entender la interfaz
La interfaz de Web Easy está basada en la barra de tareas, la barra de herramientas y los
menús. La barra de tareas aparece en el lado izquierdo de la pantalla y la barra de
herramientas y la barra de menús aparecen a lo largo de la parte superior.
 De acuerdo a lo que necesite, cambie la barra de tareas que se muestra al hacer clic
en los botones Web Easy - Portada, y Editar.
 Cambie la barra de herramientas a mostrarse haciendo clic en los botones de la barra
de tareas.
 Ejecute tareas haciendo clic en los íconos de la barra de herramientas o seleccionando
los comandos del menú.
La interfaz Web Easy se maneja por medio de íconos, para una navegación fácil. Vea la
ilustración debajo para identificar las diferentes funciones.
Botones Web Easy
Hay dos botones grises Web Easy en el panel de la izquierda (Portada y Editar).Cada botón
Web Easy muestra una barra de tareas. Haga clic en un botón Web Easy para mostrar una
barra de tareas.
Barras de tareas
Hay dos barras de tareas. Cada botón de barra de tareas o muestra una barra de
herramientas o muestra un cuadro de diálogo. Haga clic en un botón de la barra de tareas
para ver la barra de herramientas o para abrir el diálogo.
Barras de herramientas
Cada barra de herramientas contiene un número de íconos de herramientas. Cada ícono
ejecuta una acción. .Haga clic en un ícono para ejecutar la acción.
Menús
Casi todos los botones en las barras de herramientas tienen un comando equivalente en un
menú. Ejecute cada acción seleccionado un comando del menú.

Haga clic en las áreas diferentes de la ilustración para identificar distintas partes de la
interfaz.

Cómo usar las herramientas en las barras de herramientas

38
Haga clic en un ícono de barra de herramientas para ejecutar una acción. Al lado de algunos
íconos de la barra de herramientas hay un pequeño triángulo que apunta hacia abajo . Haga
clic en el triángulo para mostrar más opciones para la herramienta. Usted puede entonces
hacer clic en una de las opciones para seleccionarla. Vea, por ejemplo, Cómo dibujar
cuadrados y rectángulos.

Para obtener una herramienta, siga estos tres pasos:


1. Haga clic en un botón de Web Easy para mostrar una barra de herramientas.
2. Haga clic en la barra de tareas para mostrar la barra de herramientas que se relaciona
con ésta.
3. Haga clic en la herramienta en la barra de herramientas.

Por ejemplo, para añadir una página nueva a su documento:

1. Haga clic en para mostrar la barra de tareas de Editar.

2. Haga clic en Página para mostrar la barra de herramientas de Editar página.


3. Haga clic en barra de herramientas.

Consejo:
Usted puede también ejecutar la misma acción usando los comandos del menú, por ejemplo,
al hacer clic en Página desde el menú Insertar.

Cómo usar los menús


Una alternativa, en vez de usar los botones de la barra de herramientas, es la de seleccionar
comandos a partir de los menús.
Haga clic en el título de un menú para desplegarlo y luego haga clic en un comando del menú
para ejecutar una tarea.
 Los elementos que se muestran en gris en el menú son aquellos que no están
disponibles en el momento.
 Si un comando está seguido por una elipsis (...), elija ésta para mostrar un cuadro de
diálogo.
 Si un comando está seguido por una flecha, elíja ésta para desplegar una lista de
comandos posteriores.
La mayoría de los menús muestran los mismos comandos, sea cual sea la barra de
herramientas que se esté mostrando en el momento.
El único menú que varía es el menú Modificar, el cual cambia de acuerdo con la clase de
elemento que se selecciona en el momento.
 Si no se selecciona nada - el menú Modificar muestra comandos de Modificar página.
 Si se selecciona una foto -el menú Modificar muestra comandos de Modificar foto.
 Si se selecciona una forma - el menú Modificar muestra comandos de Modificar
forma.
 Si se selecciona un texto - el menú Modificar muestra comandos de Modificar texto.
Nota:
Si usted prefiere que el menú Modificar no cambie de acuerdo al elemento seleccionado,
usted puede cambiar esto ajustando las Opciones. Seleccione Opciones del menú
Herramientas, haga clic en la ficha General y desactive ‘Use barra de tareas de selección
sensitiva’.

Acerca de los Asistentes

39
Los Asistentes están diseñados para ayudarle a que empiece su proyecto rápidamente. Lo
guían paso a paso a través de una actividad.

Usted puede usar a los Asistentes para que le ayuden en:


Diseñar sitios Web
Publicar sitios Web
Agregar texto ya preparado
Buscar archivos
Ver un mapa de sitio de vínculos

40
Cómo usar el Centro de Actividad
El Centro de Actividad es el camino fácil para empezar a usar Web Easy.
Desde aquí usted puede:
 Crear y construir un sitio Web con el Asistente de sitio Web.
 Abrir un documento existente, para continuar trabajando en él.
 Abrir un documento nuevo, usando una plantilla de diseño.
 Ejecutar el tutorial.
 Publicar su sitio Web con el Asistente de publicación.
 Abrir el documento más reciente.
Nota:
El Centro de Actividad ofrece una mirada rápida a algunas de las cosas que usted puede
hacer con Web Easy. Sin embargo hay muchas otras actividades que no aparecen en el
Centro de Actividad

Ver también
Cómo mostrar el Centro de Actividad

Cómo mostrar el Centro de Actividad al inicio


El Centro de Actividad se abre en forma predeterminada cuando usted inicia Web Easy.
Aún si el Centro de Actividad ha sido quitado del inicio, usted puede mostrarlo en todo
momento.
Para mostrar el Centro de Actividad:

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Actividad .

Indicación:
Si selecciona Centro de Actividad del menú Herramientas obtendrá el mismo resultado.

Ver también
Cómo agregar o quitar el Centro de Actividad desde el Inicio

Cómo agregar o quitar el Centro de Actividad desde el Inicio


El Centro de Actividad se abre en forma predeterminada cuando usted inicia Web Easy.
Para quitar el Centro de Actividad desde el Inicio:
Haga clic en la checkbox ‘Mostrar al inicio’ para borrar el comando.

Para retornar el Centro de Actividad al inicio:


Haga clic en la checkbox ‘Mostrar al inicio’ otra vez, de manera que esté activada.

42
Guía para un comienzo rápido

Esta guía para un comienzo rápido está diseñada para que usted pueda empezar a producir
su primer sitio Web.
La creación de un sitio Web comprende tres grandes etapas: diseño. construcción y
publicación. Esta sección lo guiará a través de cada una de ellas.
Primero, diseñar un documento.
Segundo, construirlo dentro de un sitio Web.
Tercero, publicarlo en la Web.

Cómo hago para:


Diseñar mi primer documento
Construirlo dentro de un sitio Web
Publicarlo en mi sitio Web

44
Cómo diseñar su primer documento
La forma más rápida de comenzar a diseñar su primer documento es usar el Asistente de sitio
Web. El Asistente le guía a través del proceso, paso a paso.
Paso 1 - Abrir el Asistente de sitio Web

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Sitio Web . El Asistente de sitio Web se abre.


4. Haga clic en Siguiente.
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de la plantilla de diseño le ofrece una elección de plantillas.
2. Haga clic en las fichas de Familia y Personal para traer la lista de plantillas
personales hacia el frente.
3. Haga clic en Acerca de mí. Usted puede ver miniaturas de páginas de plantillas de
diseño al hacer clic en la checkbox de Vista previa.
4. Haga clic en Siguiente.
Paso 3 -Ponga un nombre a su documento y elija dónde lo va a almacenar
1. Elimine el nombre "Acerca de_mí" que aparece en el campo ‘Nombre’ y escriba un
nombre nuevo para su documento en ese lugar.
2. Elija una carpeta en su ordenador en el cual almacenar su documento. Usted puede:
 Escribir la ruta de acceso a la carpeta. Por ejemplo, C:\Web documentos, o

 Hacer clic en para explorar buscando la carpeta justa.


3. Hacer clic en Siguiente.
Paso 4 - Recolectar las fotos para el documento

1. Haga clic en para explorar y encontrar la carpeta donde se almacenan sus fotos.
Asegúrese de seleccionar los Archivos de Imagen cerca de Tipo de archivos en el
diálogo explorar.
2. Haga clic en la carpeta que contiene las fotos y luego en Abrir.
3. Seleccione las fotos para su documento. Usted puede ver una vista previa de cada foto
en la parte izquierda del diálogo Collect photos y una vista previa del documento en el
lado derecho.
4. Cargue fotos individuales en los porta espacios haciendo clic en el nombre de una foto

y . O en caso contrario, cargue todas las fotos de una sola vez haciendo clic en

.
5. Haga clic en Siguiente.
Paso 5 - Agregar los últimos toques
1. Si usted hace clic en la checkbox ‘Generar página Web ahora ' , Web Easy construirá
su documento en un sitio Web . La mayoría de la gente no quiere construir en esta
etapa porque quieren insertar primero sus propios textos y agregar sus últimos toques.
2. Haga clic en la checkbox ‘Ejecutar página Web ahora’ si quiere mostrar el sitio Web
construído en su explorador de Web .
3. Haga clic en Finalizar para cerrar el Asistente de sitio the Web. Su documento se
muestra ahora en el espacio de trabajo de Web Easy y usted puede modificarlo.

46
4. Haga doble clic en un cuadro de texto y comience a escribir para reemplazar el texto
existente con uno suyo propio.
Paso 6 - Guardar

1. Haga clic en para mostrar la barra de tareas Portada.

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar

3. Haga clic en Guardar para guardar los cambios hechos a su documento Web .

¡Felicitaciones! Acaba de crear su primer documento.


Nota:
Si usted no seleccionó la checkbox ‘Generar página Web ahora’; su sitio Web todavía está en
la forma de un documento. Todavía necesita completar las próximas dos etapas - construirlo
dentro de un sitio Web y publicarlo en la Web.

Ver también
Cómo construir su primer sitio Web
Cómo publicar su primer sitio Web

Cómo construir su primer sitio Web


La próxima etapa es construir su documento en un sitio Web.
Construir un documento es el proceso de convertirlo en un sitio Web . Mientras esté todavía
en la forma de un documento, usted no puede publicarlo en la Web. Construir un documento
significa convertirlo en archivos de HTML, DHTML, XHML, XML y/o CSS y crear un archivo
paquete de sitio Web (extensión.txt ) para determinar cuáles archivos deben transferirse al
servidor remoto.
Para construir su documento en un sitio Web:

1. Haga clic en para mostrar la barra de tareas de Portada .

2. Haga clic en Construir para mostrar la barra de tareas de Construir.

3. Haga clic en Sitio Web . Se muestra el diálogo Construir como un sitio Web
(HTML) de Internet
4. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web. El

paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para
localizar una nueva carpeta si lo desea.
5. En el campo de ’Nombre del paquete’, cambie el nombre del paquete de sitio Web si lo
desea. El nombre predeterminado se genera automáticamente desde el nombre de
archivo de su documento.
6. Seleccione el Intervalo de salida:
 Página actual para crear un sitio Web que involucra sólo a la página actual, o
 Todas las páginas para crear un sitio Web que involucre a todas las páginas de su
documento.
1. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web.
2. Haga clic en Aceptar.

Para una información más detallada acerca de cómo construir sitios Web, consulte Cómo

47
construir un sitio Web..

Cómo publicar su primer sitio Web


Este es el tercer paso: publicar su sitio Web usando el Asistente de publicación.
Paso 1 - Antes de publicar
1. Asegúrese de haber construído su documento como un sitio Web.
2. Asegúrese de haberse puesto en contacto con su ISP y de haber recibido de ellos los
detalles para su conexión
3. Conéctese a Internet.
Paso 2 - Abra el Asistente de publicación

1. Haga clic en para mostrar la barra de tareas de Portada .

2. Haga clic en Publicar para iniciar el Asistente de publicación.


3. Haga clic en Siguiente. El Asistente de publicación muestra la pantalla Conectar.
Haga clic en Conectar para mostrar el diálogo Conectar.
Paso 3 - Conecte con su host remoto
1. Puede elegir dos métodos para conectar:
 Elija un perfil de conexión, o
 Escriba sus detalles de conexión.
2. Si usted está publicando una Portada, o Página principal, asegúrese de escribir el
nombre correcto de Página primaria para el sitio. Asegúrese de escribir correctamente
la ruta de acceso inicial local , para que el Asistente de publicación pueda encontrar
fácilmente su paquete Web.
3. Haga clic en Aceptar. Se establece la conexión y la pantalla Conectar vuelve a
mostrarse. Esto puede llevar unos momentos.
Paso 4 - Seleccione el paquete a publicarse
1. Una vez que se ha conectado, se muestra la pantalla Seleccionar.
2. Seleccione un paquete Web Easy para transferir. Si su paquete no aparece en el

cuadro de lista de paquetes de sitio Web, haga clic en para explorar en su


ordenador, ubicarlo y hacer clic en Abrir para mostrarlo en el cuadro de lista.
3. Después de seleccionar el paquete, usted verá, en el lado derecho de la pantalla
Seleccionar, una vista previa de los archivos incluídos en él
Paso 5 - Verifique las configuraciones de la transferencia
1. Hacer clic en Siguiente para mostrar la pantalla de Transferencia de configuraciones.
2. Verificar las configuraciones, y cambiarlas si es necesario.
Paso 6 - Transfiera el paquete al host remoto
1. Haga clic en Siguiente para comenzar la transferencia. Si usted deja que Web Easy
administre su sitio Web y en el sitio remoto se encuentran archivos que no se requieren
para el paquete actual, usted verá la pantalla Limpiar el sitio seleccionado.
2. Cuando la transferencia se ha completado, se muestra la pantalla Felicitaciones.
3. Usted puede elegir mostrar "Publicar Informe" haciendo clic en la checkbox Ver
publicar informe ahora. Para ver su sitio Web, haga clic en la checkbox Ver sitio
ahora y rellene la información. Cuando usted haga clic en Terminar, el Asistente de
publicación se cerrará y el sitio Web se abrirá en su explorador de Web.
4. Haga clic en Terminar.
Paso 7 - Vea su sitio Web remoto
1. Si usted ha elegido ver el "Publicar informe" o el sitio Web, de ambas formas éste
aparece en su explorador de Web.

48
Acerca de los sitios Web
Los sitios Web adquieren su formato al usar comandos en lenguaje de formato de hipertexto (
HyperText Markup Language = HTML).
Un sitio Web típico consiste de un número de páginas Web, cada una de las cuales contiene
texto e imágenes. Algunos sitios contienen archivos de información, shareware, sonidos y
películas. Las páginas Web generalmente contienen vínculos a otras páginas dentro del
mismo sitio, como así también vínculos a otros sitios Web en la Internet.
Algunos sitios Web son la propiedad de instituciones educacionales, comerciales y
gubernamentales y algunos son creados por sectores individuales privados.
Muchos sitios Web tienen una página principal, conocida como Inicio, Portada, Portal o Página
Principal, la cual contiene vínculos a todas las páginas en el sitio.
La creación de un sitio Web comprende tres grandes etapas: diseño. construcción y
publicación.
1. Primero, diseñar un documento.
2. Segundo, construirlo dentro de un sitio Web.
3. Tercero, publicarlo en la Web.

Ver también
Diseñar mi primer documento
Indicaciones para diseño HTML
Cómo crear un nuevo documento
Cómo crear un nuevo documento con el Asistente de sitio Web

Cómo diseñar una Página principal


La página principal es la primera página que los visitantes ven al entrar en su sitio. Una
página principal típica funciona como una introducción al sitio Web. Generalmente incluye un
texto breve para dar la bienvenida a las personas que llegan al sitio e información acerca de lo
que puede encontrarse en él.
La página principal contiene usualmente vínculos a todas las páginas en el sitio. Estos
vínculos tienen frecuentemente la forma de botones. Web Easy provee una colección extensa,
o galería, de imágenes de prediseñadas (clipart), incluyendo un gran número de botones..

Por ejemplo, .

La primera página de cada plantilla documento recibe la designación de página principal.


Si usted no está usando una plantilla, debe dar el nombre de página principal a la primera
página de su documento.

Indicaciones para diseño HTML


 Diseñe la primera página de su documento como la página principal, incluyendo una
introducción al sitio Web y vínculos a otras páginas.
 Asegúrese de que sus páginas no estén abarrotadas. Es mejor tener menos elementos
sobre la página, organizados en forma atractiva, que tener una página superpoblada.
 Trate de mantener sus gráficos en tamaño pequeño. Si son demasiado grandes,
mostrarlos le llevará demasiado tiempo.
 Asegúrese de que sus textos tengan suficiente espacio alrededor de ellos agrandando
los cuadros de texto. Si su sitio Web es mostrado por un explorador de Web que usa

51
fuentes grandes, cualquier texto que no encaje en el cuadro de texto puede estar
oculto. Si usted mantiene espacio ' desocupado' en los cuadros de texto, puede
prevenir esto.
 Si usted agrega funciones como animación y transiciones, recuerde de construir el
documento dentro de un sitio Web de escenas dinámicas (DHTML). Estas funciones no
pueden ejecutarse en un sitio Web HTML ordinario.
 Si usted agrega algunos estilos a su sitio, necesitará construir con CSS (hojas con
estilo en cascada). Estas características no funcionarán con HTML simple con sitios
Web de escena dinámica.

Optimización de motores de búsqueda (Search Engine


Optimization :SEO)

Hay cosas que usted puede hacer para optimizar la habilidad de los motores de búsqueda
para que encuentren su sitio Web y para que suministren buenos resultados para las
consultas que se les hace. Algunas de estas cosas no tienen ninguna relación con la
construcción del sitio Web, pero hay otras que usted puede hacer mientras construye su sitio
para facilitarles a los motores de búsqueda que lo encuentren.

El principio general que debe seguirse es que "el contenido es rey". Esto significa que usted
debería concentrarse en el contenido de su sitio Web para que atraiga a visitantes que
ganarán información relevante acerca del tópico de interés que usted presenta en sus
páginas Web. Generalmente, si usted hace esto, a los motores de búsqueda les gustará su
sitio Web.

La práctica general que debe seguirse es:


 Escribir texto bueno, de calidad para sus páginas Web sobre los tópicos y palabras
claves con los que usted trata de atraer a los visitantes y los motores de búsqueda.
Generalmente, cuanto más texto de contenido mejor es, pero recuerde de no exagerar
esto demasiado porque puede distraer a los visitantes de su sitio Web.
 Use palabras clave frecuentemente en su contenido textual así la densidad de palabra
clave en una página es alta . No se exceda en esto.
 Use palabras clave en sus titulares. No se exceda en esto.
 Use palabras clave en texto en negrita o cursiva. No se exceda en esto.
 Rellene los datos de título, autor, descripción y palabras clave para cada página en sus
sitio Web . Vea Opciones avanzadas de construcción para sitios CSS
 Rellene el texto alternativo y título Html (Title and Alternative Text :ALT) para todas los
elementos de imágenes y campos de formularios en todas las páginas Web para que el
contenido visual tenga una representación visual.
 Rellene la etiqueta de Personalización en los elementos de texto cuando ésta puede
reflejar mejor el sentido del texto, por ejemplo: titulares (1..6), Código o Dirección.
 Cree un mapa del sitio para su sitio Web para que todas las páginas que están
vinculadas puedan ser encontradas por un motor de búsqueda. Agregue un vínculo al
mapa de sitio en su página principal de sitio Web, para que todas las páginas puedan
ser encontradas por un motor de búsqueda
 Asegúrese de que los elementos de texto no se superpongan con otros elementos
sobre la página. Cuando se construye con HTML simple, los elementos de texto
pueden ser transformados en imágenes si se superponen con otros elementos.
 Pida/intercambie vínculos con otros sitios Web en Internet para con su sitio Web para
que su sitio se vuelva más popular y mejor conocido.
 Envíe su sitio Web a tantos motores de búsqueda y directorios como pueda. por

52
ejemplo, envíe su sitio a www.dmoz.org. Este es un directorio editado por manos
humanas, y los motores de búsqueda lo usan.
Incorporando cualquiera de las opciones antedichas, aún puede llevarle semanas o meses
antes de que su sitio Web esté listado en los motores de búsqueda o antes de que empiece a
producir buenos resultados para las consultas a estos motores de búsqueda. Puede resultarle
útil verificar www.searchenginewatch.com para mayor información sobre motores de búsqueda
populares.

53
Acerca de los documentos
Un documento se refiere al documento de origen que usted crea por primera vez con Web
Easy. Comprende una o más páginas, y contiene todo el texto y los elementos gráficos que
usted quiere publicar en la WWW ( World Wide Web). Un documento se guarda en forma
predeterminada en la carpeta:
C:\Documentos y configuraciones\usuario\Mis documentos\Web Easy\Documentos
Cuando usted haya terminado de diseñar el documento éste deber ser construido dentro de
un sitio Web común o un sitio Web dinámico. Mientras esté todavía en la forma de
documento, usted no puede publicarlo en la Web.
Nota:
Un documento también puede ser construido para formar componentes, tales como un GIF
animado o un fotomontaje digital , el cual puede en turno ser incluido en otros documentos.
Hay que trabajar en el documento a lo largo de tres etapas:
1. Diseñar el documento.
2. Construirlo dentro de un sitio Web (u otro componente).
3. Publicarlo en la Web.
Usted puede crear un documento usando una plantilla de diseño o usted puede crear su
diseño original.
Yo quiero:
Crear un documento en blanco
Crear un nuevo documento usando una plantilla
Crear un nuevo documento usando el Asistente de sitio Web

55
Cómo abrir un documento
Usted puede guardar documentos y abrirlos más tarde nuevamente.
Para abrir un documento:

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Abrir para abrir un documento.


4. Un diálogo Explorar aparece, permitiéndole explorar para encontrar el documento.
5. Haga clic en el nombre del documento que quiere abrir.
6. Haga clic en Abrir.
Sugerencia:
Si hace clic en Abrir desde el menú Archivo logrará el mismo resultado.

Cómo abrir un documento reciente


Si usted desea continuar trabajando en un documento que usó recientemente, use este
acceso rápido.
Para abrir un documento modificado recientemente:
1. Haga clic en el menú Archivo.
2. Haga clic en Reciente.
3. Aparece una lista desplegable de documentos abiertos recientemente.
4. Haga clic en el nombre de un documento para abrirlo.

Cómo cerrar un documento


Para cerrar un documento:
 Desde el menú Archivo, haga clic en Cerrar.

Cómo realizar vista previa antes de construir


Muchos de los efectos que usted aplica a su documento sólo serán visibles luego de que el
documento haya sido construido en un sitio Web o sitio Web dinámico. Para poder poner a
prueba rápidamente esos efectos, usted puede ver una vista previa. Cuando usted ve una
vista previa, usted está creando un sitio Web temporario . No es un sustituto para la
construcción de la página, y esto que debe ser hecho antes de que usted pueda publicar su
sitio Web en Internet.
Para ver una vista previa:

1. Haga clic en para mostrar la barra de tareas de Portada.

2. Haga clic en Construir para mostrar la barra de tareas de Construir.


3. Haga clic en Vista Previa (o el ícono de su navegador de Internet predeterminado)
para mostrar el diálogo de Vista Previa.

4. Haga clic en para alternar entre hacer la vista previa de ‘Todas las páginas’ y la
‘Página actual’.
5. El tipo de vista previa (HTML estándar , HTML dinámico o basado en CSS) depende

57
del contenido del documento. Si su sitio contiene funciones especiales de DHTML tales
como imágenes o texto animados, entonces la vista previa del sitio Web dinámico
debe ser seleccionada. Si su sitio contiene estilos especiales como bordes o márgenes
interiores, entonces un sitio con CSS debería ser construído.
Sitio Web Estándar de Internet -realiza la vista previa de un sitio Web común.
Sitio Web con escenas dinámicas -realiza la vista previa de un sitio Web dinámico con
características especiales DHTML.
Sitio Web HTML con CSS- hace la vista previa de un sitio Web usando HTML y coloca todo
tipo de información en archivos CSS separados.
Sitio Web XHTML con CSS hace la vista previa de un sitio Web construída usando XHTML y
ubica todo tipo de información en archivos separados CSS

1. Haga clic en para abrir el diálogo de Opciones a los efectos de asignar


colores de vínculo, rango de salida de página, o cambiar de HTML Estándar a HTML
dinámico o a HTML/XHTML con salida CSS.
2. Opciones avanzadas le permite asignar el nombre de un autor, mostrar palabras clave
(usadas por motores de búsqueda) y establecer la profundidad de la paleta (número de
colores) para su vista previa.
3. El diálogo de estilo de sitio Web le permite asignar otras opciones de navegación y
presentación, lo cual incluye números, iconos o un marco separado en la última
página. Use uno de los estilos centrados para hacer la vista previa de su documento
Web como una presentación de pantalla completa o de diapositivas.
Vea también
Cómo personalizar la lista de exploradores de Web en el menú Vista previa

Cómo imprimir su documento

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede imprimir su documento entero o sólo páginas seleccionadas, pero tenga presente
de que puede estar imprimiendo un archivo muy largo, el cual puede llevar un cierto tiempo.
Para imprimir:
Desde el menú Archivo, elija Imprimir y complete el diálogo de Imprimir de Windows como
sea requerido.

Vista previa antes de imprimir


Vista previa de impresión le permite ver su documento en la pantalla antes de imprimir.
Para ver una vista previa de impresión:
1. Desde el menú Archivo, elija Vista previa de impresión. Las barras de
herramientas estándar de Web Easy son suprimidas y reemplazadas con la barra de
herramientas de Vista previa de impresión
2. Haga clic en página Siguiente y Anterior y en los botones Acercar y Alejar para
moverse a través de su documento.
3. Haga clic en el botón Cerrar para volver a la pantalla de Web Easy.

58
Cómo diseñar un documento
Hay tres formas de diseñar un documento nuevo en Web Easy:
 Abrir un documento en blanco y crear su propio diseño desde el comienzo. Web Easy
le ofrece una elección de proyectos vacíos con páginas ya establecidas y en distintos
tamaños. Por ejemplo, un sitio Web de seis páginas en pantalla. Agregue sus propias
imágenes y textos al documento.
 Diseñe un documento usando una de las plantillas de diseño profesionalmente
diseñadas por Web Easy Reemplace las imágenes y los textos con los suyos propios y
agregue más elementos si así lo desea.
 Use el Asistente de sitio Web , el cual lo llevará paso por paso a través de las etapas
de diseñar un documento Web. Siga las instrucciones en su pantalla.
Yo quiero:
Abrir un nuevo documento en blanco
Diseñar un documento desde una plantilla de diseño
Diseñar un documento usando el Asistente de sitio Web

Cómo crear un documento en blanco


Le permite crear un nuevo documento en blanco, ya sea como texto sin formato o desde una
plantilla de diseño.

Cómo diseñar su documento


Si usted prefiere crear su propio diseño desde el comienzo, abra un documento en blanco y
agregue sus propios diseños. Aún si comienza el documento usando una plantilla, usted
siempre puede cambiar las cosas y agregar sus propios elementos.
Para diseñar su propio documento:
1. Abra un nuevo documento en blanco.
¿Cómo?
1. Agregar las imágenes a cada página.
¿Cómo?
2. Escriba su propio texto.
¿Cómo?
3. O agregue texto desde el Asistente de texto.
¿Cómo?
4. Cambiar el fondo de la página.
¿Cómo?
5. Agregar páginas nuevas al documento.
¿Cómo?
6. Guardar el documento.
¿Cómo?

Cuando el diseño del documento esté completo, puede pasar al siguiente paso: Construir su
documento en una página Web.

Cómo trabajar con plantillas de diseño


Las plantillas de diseño son documentos prediseñados que usted puede usar como la base

60
para su documento. Diseñadas por artistas gráficos, ellas convierten la tarea de crear un
documento de aspecto profesional en algo fácil y rápido.
Las plantillas de diseño incluyen fondos prediseñados, títulos, imágenes, botones con vínculos
y mucho más. Una vez que usted ha creado su documento, usted puede reemplazar
fácilmente cualquiera de esos elementos por uno de los suyos.

Yo quiero:
Crear un documento nuevo basado en una plantilla de diseño
Crear un documento nuevo basado en una plantilla de diseño usando el Asistente de sitio Web
Reemplazar los portaespacios con mis propias fotos

Cómo diseñar y abrir un documento


Diseñar un documento de aspecto profesional es fácil con las plantillas de diseño de Web
Easy. Elija una plantilla que le convenga a su estilo, luego reemplace los porta espacios con
sus propias fotos y escriba sus propios textos.
Paso 1 - Abrir un nuevo documento

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en En blanco para abrir un nuevo documento.


4. El nuevo diálogo de documento aparece.
Consejo:
Haciendo clic en Documento nuevo/En blanco desde el menú de Archivo alcanza el
mismo resultado.
Paso 2 - Elegir una plantilla
1. Haga clic en una ficha de la plantilla en el dialogo de Documento nuevo para traer un
juego de plantillas al frente. Por ejemplo, Clubes y organizaciones.
2. Haga clic en un nombre de plantilla. Una vista previa de esa plantilla se muestra en el
lado derecho del diálogo de la ventana. Si la plantilla tiene varias páginas, usted
necesitará desplazar hacia abajo para ver todas las páginas que entran en la vista
previa. La información acerca del número de páginas y fotos en la plantilla también se
muestra.
3. Explore las diferentes plantillas hasta que usted encuentre la que necesita.
4. Haga clic en OK. El documento se abre en el espacio de trabajo de Web Easy y usted
puede editarlo.
Paso 3 - Editar el documento
1. Reemplace las fotos en los portaespacios con sus propias fotos.
¿Cómo?
2. Reemplace los textos con su propio texto
¿Cómo?
3. Cambie el fondo de la página si lo desea.
¿Cómo?

4. Haga clic en Guardar para guardar su documento.

Cuando el documento esté completo, pase a la etapa Construir , construyendo el sitio entero
dentro de un sitio Web o un sitio Web dinámico.

61
Cómo usar el Asistente de sitio Web
La forma más rápida de comenzar a crear un documento es usar el Asistente de sitio Web. El
Asistente le guía a través de los pasos requeridos para diseñar su documento.
Paso 1 - Abra el Asistente de sitio Web

1. Haga clic en para mostrar la barra de tareas de Portada .

2. Haga clic en Sitio Web . Aparece el Asistente de sitio Web.


3. Haga clic en Siguiente
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de plantillas le ofrece plantillas para elegir. Haga clic en una ficha para traer
una lista de tipos de plantilla al frente.
2. Haga clic en el nombre de una plantilla, luego use las flechas de navegación
"Primera/Anterior/Siguiente/Última" para seleccionar una de las variedades ofrecidas.
Algunos de los tipos de plantilla tienen más variedades que otras.
3. Automáticamente se ofrece una vista previa de la selección.
4. Haga clic en Siguiente.
Paso 3 - Elija una carpeta de destino y un nombre de archivo para su documento
1. Elimine el nombre que aparece en el campo ‘Nombre’ y escriba un nombre nuevo para
su documento en su lugar.
2. Elija una carpeta en su computadora en la cual almacenar su documento. Usted puede:
 Escribir la ruta de acceso en el campo de la ‘Carpeta‘, o

 Hacer clic en para explorar hasta la carpeta correcta.


3. Haga clic en Siguiente.
4. Algunas plantillas requieren que usted escriba la información. Escriba la información y
haga clic en Siguiente.
Paso 4 - Seleccione y agregue las fotos a su sitio Web

1. Haga clic en para explorar hasta encontrar la carpeta donde se almacenan sus
fotos.
2. Seleccione la carpeta y haga clic en ACEPTAR.
3. Cargue las fotos individualmente en los portaespacios haciendo clic en el nombre de

una foto .. O en caso contrario, cargue todas las fotos a la vez haciendo clic en

.
4. Haga clic en Siguiente.
Nota: Paso 4.puede no estar disponible cuando no hay portaespacios de imagen en la
plantilla de diseño seleccionada.
Paso 5 - Escriba el texto para los elementos comunes.
1.
Elija el elemento de la lista en el lado izquierdo del diálogo.
2.
Elija el texto en el campo de entrada a la derecha del diálogo.
3.
Repita lo anterior tantas veces como reemplace elementos con el texto.
4.
Haga clic en Siguiente.
Nota: Paso 5. puede no estar disponible cuando no hay portaespacios de texto en la
plantilla seleccionada.
Paso 6 - Agregue los últimos toques
1. Si usted hace clic en la checkbox ‘Generar una página Web ahora’ , Web Easy

62
construirá su documento en un sitio Web.
2. Verifique la check box ‘Vista previa de sitio Web ahora’ si usted desea ver el sitio Web
construido en su explorador de Web.
3. Haga clic en Finalizar para cerrar el Asistente de sitio Web. Su documento se muestra
en el espacio de trabajo de Web Easy y usted puede modificarlo.
4. Haga doble clic en un cuadro de texto y comience a escribir para reemplazar el texto
existente con el suyo propio.
Paso 7 - Guarde

1. Haga clic en para mostrar la barra de tareas de Portada.

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Guardar para guardar su documento.

Cómo diseñar un sitio Web dinámico


Para diseñar un sitio Web dinámico, diseñe un documento en la misma forma en que lo hace
para un sitio Web común.
¿Cómo?
Sin embargo, usted puede agregar características dinámicas especiales que sólo pueden
mostrarse en un sitio Web dinámico. Estas características no pueden ser añadidas con el
Asistente de sitio Web. Cree su documento básico primero, luego agregue las características
dinámicas especiales.
Cómo diseñar un sitio Web dinámico
Para diseñar un sitio Web dinámico, diseñe un documento en la misma forma en que lo hace
para un sitio Web común.
¿Cómo?
Sin embargo, usted puede agregar características dinámicas especiales que sólo pueden
mostrarse en un sitio Web dinámico. Estas características no pueden ser añadidas con el
Asistente de sitio Web. Cree su documento básico primero, luego agregue las características
dinámicas especiales.
Más acerca de sitios Web dinámicos.

Para importar un sitio Web


Para importar un sitio Web es necesario convertir los archivos HTML existentes al formato
interno usado por Web Easy. Este procedimiento identificará automáticamente los elementos
básicos del sitio, tales como estructura del sitio, vínculos, texto e imágenes y creará un sitio
Web nuevo incluyendo todas las páginas necesarias y los elementos reconocidos en cada
página.

Sugerencia:
Por favor note que en ciertas circunstancias Web Easy no podrá importar todos los elementos
y atributos de los archivos HTML existentes. Sin embargo, usted debería poder importar y
restaurar todos los elementos de su texto e imagen, como así también la posición de estos
elementos.
Para importar un sitio Web HTML:

1. Haga clic en para mostrar la barra de tareas de Portada

63
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Crear un nuevo documento en blanco . El diálogo de Nuevo


Documento se muestra.
4. Haga clic en el botón Importar. Se muestra el diálogo de Importar sitio Web .
5. Elija el archivo HTML, el cual debería ser la página principal del sitio Web y haga clic
en el botón Abrir.
6. Espere hasta que el proceso de conversión sea completo.
7. Un nuevo diseño de documento de sitio Web se crea en la memoria.
Sugerencia:
Todas las imágenes en las páginas de diseño están vinculadas directamente a las carpetas
originales de sitio Web HTML.
Se recomienda siempre guardar el resultado final en una carpeta separada como una copia
de seguridad en almacenamiento, adonde se copiarán todas las imágenes necesarias para
usos futuros.

Ver también
Para importar una página Web
Cómo guardar como copia de seguridad en almacenamiento.

64
Cómo guardar un documento
Recuerde de guardar sus cambios con frecuencia.
Para guardar un documento:

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Guardar para guardar su documento.


4. Si usted está guardando un documento por la primera vez, el diálogo Guardar aparece.
5. Escriba un nuevo nombre para su documento en el campo ‘Nombre de archivo’ .
6. Explore hasta la carpeta donde quiere almacenar el documento.
7. Haga clic en Guardar.

Nota:

Después de que usted haya guardado el documento la primera vez, al hacer clic en se
guardan todos los cambios que usted hace. Esto se ejecuta sin mostrar ningún diálogo.
Consejo:
Haciendo clic en Guardar desde el menú Archivo produce el mismo resultado.

Cómo guardar un documento con un nuevo nombre


Usted puede guardar una segunda copia de su documento al guardarlo con un nuevo nombre.
Para guardar con un nuevo nombre:
1. Desde el menú Archivo haga clic en Guardar como y Documento.
2. El diálogo Guardar Como aparece.
3. Escriba un nombre nuevo para su documento en el campo ‘Nombre de Archivo’.
4. Explore hasta la carpeta donde quiere almacenar su documento.
5. Haga clic en Guardar.

Ver también
Cómo guardar un documento como una plantilla de diseño
Cómo guardar como copia de seguridad en almacenamiento.

Opciones de guardado
Cuando usted guarda un documento, usted puede decidir de guardarlo como uno de estos
tres tipos de archivo:
 Un documento.
 Una plantilla de diseño - crear una plantilla personal que usted puede usar para diseñar
documentos adicionales, en el mismo estilo.
 Una copia de seguridad - crear una carpeta de almacenamiento conteniendo su
documento y todos los otros archivos con el cual él se vincula (gráficos, archivos de
audio etc.).

Yo quiero:
Guardar un documento como una plantilla de diseño

66
Guardar como copia de seguridad en almacenamiento.

Cómo guardar como una plantilla de diseño

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Al guardar un documento como una plantilla de diseño, usted crea una plantilla personal
que usted puede usar para diseñar más documentos del mismo estilo.
Por ejemplo, usted diseñó un sitio Web para su negocio. Usted ubicó el logo de la compañía y
los detalles de contacto en la página y usó un fondo con los colores de la compañía . Si usted
guarda este documento como una plantilla, usted puede usarlo para crear páginas adicionales
y esas características se incluirán automáticamente.
Para guardar como plantilla de diseño:
1. Desde el menú Archivo seleccione Guardar como y elija Plantilla.
2. El diálogo Guardar aparece, con Plantilla visible en el campo ‘Guarde como tipo’.
3. Escriba un nombre para su plantilla en el campo ‘Nombre de archivo’ .
4. Explore hasta la carpeta en donde usted quiere guardar la plantilla. Asegúrese de que
la guarda en un subdirectorio del directorio de Plantillas de diseño, por ejemplo en la
carpeta de Hobbies y eventos.
5. Haga clic en Guardar.
Para usar la plantilla:

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en En blanco para abrir un documento en blanco nuevo.


4. El diálogo de Nuevo documento aparece.
5. Haga clic en la ficha representando la carpeta en la cual usted guardó la plantilla. Por
ejemplo, si usted la guardó en la carpeta de Hobbies y eventos, haga clic en la ficha
de Hobbies y eventos.
6. Seleccione su plantilla de la lista y haga clic en Aceptar.

Cómo guardar como copia de seguridad en almacenamiento

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
El guardado como copia de seguridad en almacenamiento le permite guardar su documento y
todos los archivos requeridos a una carpeta seleccionada. Se hace una copia del documento
y de los archivos vinculados (archivos gráficos, archivos de audio , etc.). Usted podrá copiar la
carpeta entera a un disco u otro medio desmontable y mudar su diseño a otra computadora.
No use esta opción para guardado normal porque ocupa espacio de disco innecesario.
Para guardar como una copia de seguridad en almacenamiento:
1. Haga clic en Guardar como del menú Archivo y elija Copia de seguridad.
2. El diálogo de 'Guardar como' aparece.
3. Escriba un nombre para su almacenamiento en el campo de ‘Nombre de archivo’.
4. Explore hasta la carpeta en donde usted quiere almacenar su archivo.
5. Haga clic en Guardar.

67
Nota:
Esta opción ocupa una gran cantidad de espacio de disco. Para ser usada solamente cuando
usted necesita una copia extra de todos los archivos incluidos en el documento.

68
Cómo mover a otra página
Web Easy incluye botones de navegación para ayudarle a moverse dentro de su documento.
Los botones de navegación están localizados en la esquina superior derecha.
Para mover a otra página:

 Haga clic en para mover a la página siguiente en el documento.


 Haga clic en para mover a la página anterior en el documento.

 Haga clic en para mostrar una lista de páginas en su documento. Si usted ha dado
título a las páginas, estos títulos estarán listados. De otra forma, las páginas aparecen
como una lista numerada. Si usted tiene otros documentos abiertos, estos documentos
también aparecerán en la lista. Haga clic en un elemento para ir allí.
 Haga clic en Ir a para mostrar el diálogo Ir a diálogo.

Nota:

El icono no mostrará todas las opciones si el documento consiste de una sola página.

Cómo mover a una página específica


El diálogo Ir a le ayuda a moverse a una página específica, ya sea en el documento actual o en
uno diferente. La miniatura en la interfaz le facilita identificar la página que usted necesita.
Para ir a una página específica en el documento actual:

1. Haga clic en la esquina superior derecha de Web Easy y seleccione Ir a.. El


diálogo ' Ir a' se abre.
2. El diálogo muestra miniaturas de las páginas en el documento. Si hay muchas páginas,
use el control deslizante en forma lateral para ver todas las miniaturas.
3. Elija otra página.:
 Escriba un número de página, o
 Haga clic en la miniatura.
4. Haga clic en Aceptar para ir a esa página.

Nota:
Seleccione Ir a.. del menú Ver / Página también abre el diálogo Ir a .

Ver también
Cómo mover a una página específica en un documento diferente.

Cómo mover a una página de un documento diferente


El diálogo Ir a le facilita abrir una página específica en cualquier documento, hasta uno que no
está abierto en ese momento.
Para ir a una página específica en un documento diferente:

1. Haga clic en y seleccione Ir a. El diálogo ' Ir a' se abre.

2. Haga clic en para explorar hasta el documento.

70
3. Haga clic en un documento para elegirlo y haga clic en Abrir.
4. El diálogo muestra miniaturas de las páginas en ese documento.
5. Elija una página.
 Escriba un número de página o
 Haga clic en una miniatura.
6. Haga clic en Aceptar.
7. El documento se abre en Web Easy. El documento que se abrió previamente
permanece abierto en el fondo.

Nota:
Seleccionando Ir a desde el menú Modificar también abre el diálogo Ir a.. Para usar esta
opción, asegúrese de que no hay nada seleccionado,de manera que el menú Modificar
muestre los comandos para editar la página.

Cómo usar el Zoom


El botón Zoom le permite magnificar o reducir en una página. Está localizado con los
botones de navegación, en la esquina superior derecha de la interfaz de Web Easy.

Haga clic en para mostrar el menú de Zoom .


Elija una de las opciones:
 Haga clic en Ajustar para que la página se ajuste a la pantalla.
 Haga clic en Normal para ver la página en su tamaño real.
 Haga clic en Aumentar para magnificar la página.
 Haga clic en Reducir para reducir la magnificación de la página.
 Haga clic en Configuración para mostrar el diálogo de configuración del Zoom.
Seleccione una configuración de zoom o escriba una configuración de zoom
personalizada en el campo Personalizar. Haga clic en Aceptar.

71
Cómo usar el Asistente de búsqueda

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de búsqueda para que le ayude a localizar elementos en su documento.
Usted puede buscar elementos de texto, archivos gráficos o tipos de vínculo.
Para mostrar el Asistente de búsqueda:
1. Desde el menú Herramientas, seleccione Búsqueda. El Asistente de búsqueda se
abre.
2. Haga clic en una opción para buscar:
 Texto: Escriba el texto en el campo ‘Texto’. Haga clic en la checkbox ‘Coincidir palabra
completa solamente’ para buscar palabras completas. Haga clic en la checkbox
‘Coincidir mayúsculas y minúsculas’ para buscar palabras que coincidan con
mayúsculas y minúsculas.
 Imágenes: Haga clic en para elegir el, tipo de imagen que busca.
 Vínculos: Haga clic en para elegir el tipo de vínculo que busca.
3. Haga clic en Encontrar siguiente. Controladores de selección aparecen en el primer
elemento que se encuentra.
4. Haga clic en Encontrar siguiente otra vez para buscar el elemento siguiente.
5. Haga clic en Cerrar para cerrar el Asistente de búsqueda.

Ver también
Cómo buscar elementos de texto
Cómo buscar tipos de archivo de imagen
Cómo buscar vínculos

73
Cómo buscar archivos faltantes
Cada vez que Web Easy guarda su documento, le da como referencia la exacta ubicación en
el disco de cada archivo componente que entró en el diseño de este documento. Típicamente
esto incluye todos los archivos gráficos, como sus fotos, galería de imágenes prediseñadas,
marcos de fotos, marcos, esténciles, e imágenes de fondo.
Si usted posteriormente elimina,cambia de nombre o mueve cualquiera de estos archivos
componentes a una ubicación diferente, la próxima vez que el documento sea abierto, Web
Easy no podrá abrir el documento en su forma original. Dependiendo de si está activada la
función para la ubicación automática de archivo, o se abrirá el documento sin los archivos
faltantes, o a usted se le presentará el cuadro de diálogo Encontrar archivo .
Ver también
Cómo hacer que Web Easy pregunte por sus archivos faltantes
Cómo encontrar archivos faltantes en forma manual
Cómo usar el diálogo Buscar archivo

Cómo hacer que Web Easy pregunte por sus archivos faltantes
Si usted cambia el nombre, elimina o mueve un archivo componente que fue usado en el
diseño de su documento (por ejemplo, una foto), la próxima vez que el documento sea abierto,
Web Easy no podrá encontrar el archivo.
Si la opción de ubicación automática de archivo está activada,cuando un documento se abre y
los archivos gráficos están faltando, a usted se le presentará el diálogo Buscar archivo.
Para activar la ubicación automática de archivo:
1. Del menú Herramientas, haga clic en Opciones.
2. Haga clic en la ficha Documento.
3. Asegúrese de que la opción ‘Detectar automáticamente los archivos faltantes’ esté
activada.
4. Si Web Easy no puede localizar un archivo componente cuando usted abre un
documento, se muestra el diálogo 'Buscar Archivo'.
Ver también

Cómo encontrar archivos faltantes en forma manual


Cómo usar el diálogo ' Buscar archivo'

Cómo encontrar archivos faltantes en forma manual


Si usted cambia el nombre, elimina o mueve un archivo componente que fue usado en el
diseño de su documento (por ejemplo, una foto), la próxima vez que el documento sea abierto,
Web Easy no podrá encontrar el archivo.
Si la opción de ubicación automática de archivo no está activada, cuando un documento se
abre y los archivos gráficos están faltando, el documento se abrirá sin los archivos faltantes.
Usted podrá buscarlos manualmente desde dentro del documento.
Para desactivar la ubicación automática de archivo:
1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Avanzado.
3. Asegúrese de que la opción ‘Detectar automáticamente archivos faltantes’ esté
desactivada.
4. Cuando un documento se abre, si los archivos gráficos están faltando, el área
normalmente ocupada por el archivo gráfico está llena de líneas entrecruzadas.

75
5. Haga clic con el botón derecho del ratón en cualquier parte del área de líneas
entrecruzadas que se muestra en el lugar del archivo faltante Esto selecciona el
elemento con líneas entrecruzadas y muestra un menú desplegable. Elija Acerca del
elemento, y seleccione la ruta de acceso visible para el archivo.
6. Se muestra el diálogo Buscar Archivo.

Ver también
Cómo hacer que Web Easy pregunte por sus archivos faltantes
Cómo usar el diálogo Buscar archivo

Cómo usar el diálogo Buscar archivo


El diálogo' Buscar archivo' le permite buscar componentes de su documento (por ejemplo,
imágenes que usted ha usado en el diseño) que han sido cambiados de nombre o movidos.
Si la opción de ubicación automática de archivo está activada,este diálogo aparece cuando
usted abre el documento. En caso contrario, usted puede abrirla haciendo clic con el botón
derecho del ratón en el área de líneas entrecruzadas que se muestra en lugar del archivo
faltante y eligiendo Acerca del elemento.
Cómo usar el cuadro de diálogo Buscar archivo:
1. El nombre del archivo faltante se despliega automáticamente como "Ubicación posible
de nombre de archivo" (usted no puede cambiar esta entrada).
2. A menos que hayan sido eliminados, los archivos faltantes pueden ser localizados en
una de estas tres ubicaciones de búsqueda: a. Todas las carpetas Web Easy . Las
imágenes provistas por programas VCOM, o las que se cargan a la ubicación
predeterminada están almacenadas en subdirectorios de la carpeta principal del
programa. Si usted está actualizando desde una versión anterior, las imágenes
encontradas en subdirectorios de la carpeta del programa previo serán reubicadas en
un subdirectorio de la versión nueva (..\Viejo contenido Web Easy) en el tiempo de
instalación. Esto significa que sería muy raro que una imagen pueda perderse a menos
que haya sido deliberadamente movida a una nueva ubicación (ver abajo) o eliminada.
Marque esta casilla como la primera opción.
Nota:
No se puede realizar una búsqueda en las siguientes carpetas: Html, Templates. Objetos o
Temp, porque sería posible usar una imagen temporal o equivocada en el documento, ej:.una
imagen temporal en la carpeta Html puede desaparecer cuando un nuevo sitio Web sea
generado.

b. D:\CDROM\Archivos de sistema en disco de Web Easy


Imágenes provistas por programas VCOM se encontrarán en el CD-ROM original . Inserte
el CD-ROM en la unidad antes de continuar.

Marque esta casilla si la imagen que está buscando ya fue provista por VCOM pero ahora
no está presente en su disco duro.

c. Las otras carpetas comienzan desde esta ubicación...


Use esta función para explorar si usted sabe que ha movido archivos a una nueva
ubicación en su unidad de disco duro o red. Escriba la ruta de acceso si la conoce, o haga

clic en para navegar a la ubicación requerida.

1. Una vez que haya seleccionado una o más ubicación(es) de búsqueda tiene tres
opciones: a. Reparar todo Esta es la mejor opción para una reubicación automática de
todas las imágenes faltantes. Se le preguntará por otras ubicaciones de búsqueda si

76
algunas imágenes no pueden ser encontradas. Si su búsqueda es exitosa, usted puede
continuar usando sus imágenes en documentos nuevos, o restaurarlas en sus viejos
documentos. b. Ubicar archivo Esta opción ofrece funciones para que usuarios
avanzados puedan localizar los archivos manualmente. Si los formatos de archivo han
sido convertidos (por ejemplo, de .jpg a .bmp), archivos del mismo nombre pero con
diferentes extensiones estarán listados de manera que usted pueda escoger cuál
restaurar. Haga clic en el nombre de archivo para tener una vista previa de éste antes
de restaurarlo u omitirlo. c. Omitir elemento Use esta opción para ignorar un archivo
faltante (por ejemplo si ya no se lo necesita, o si usted quiere reemplazarlo con otra
imagen).

2. En lo que se refiere a cada archivo faltante, usted puede hacer clic en Omitir elemento
para ignorarlo y seguir al archivo faltante que sigue, u Omitir todo para ignorar todos
los archivos faltantes.

Ver también
Cómo hacer que Web Easy pregunte por sus archivos faltantes
Cómo encontrar archivos faltantes de forma manual

77
Cómo editar elementos
Las fotos, formas y textos en su documento son todos elementos que pueden ser editados
(modificados).
Primero, seleccione el elemento. Luego haga clic en el botón Editar para editarlo.

Ver también
Cómo seleccionar elementos

Cómo seleccionar un elemento


Antes de que pueda modificar un elemento en su documento, necesita seleccionarlo.
Selecciones un elemento haciendo clic en él con el botón izquierdo del ratón. El elemento está
seleccionado si aparecen los controladores de ajuste aparece en las esquinas y los lados del
elemento. Para cancelar la selección, haga clic con el botón izquierdo del ratón en otra parte.
Cambie su selección haciendo clic en un elemento diferente, o pulsione TAB para alternar
entre los elementos.
Ver también
Cómo seleccionar elementos múltiples
Cómo seleccionar todos los elementos en una página

Cómo usar los controladores del elemento


Cuando se selecciona un elemento, los controladores aparecen en sus esquinas y en los
lados. Usted puede usar esos controladores para cambiar la medida de su elemento o para
rotarlo.
Hay dos tipos de controladores:

 Controladores cuadrados, para ajustar la medida, que aparecen al seleccionar un

elemento individual. Por ejemplo:


 Controladores en forma de diamante, para ajustar la medida, que aparecen cuando un
grupo de elementos está seleccionado. Por

80
ejemplo:

Al hacer clic en un elemento en un grupo se alterna entre los controladores con forma
cuadrada y en forma de diamante.
 Cuando los controladores de forma cuadrada aparecen, usted puede editar el elemento
individual.
 Cuando los controladores de forma de diamante se muestran, usted puede modificar
todo el grupo.
Ver también
Cómo usar controladores para cambiar el tamaño de un elemento
Cómo usar controladores para rotar un elemento

Cómo seleccionar elementos múltiples


Usted puede seleccionar más de un elemento por vez y editarlos luego simultáneamente.

Para seleccionar varios elementos:


1. Haga clic en un elemento.
2. Mantenga presionada la tecla MAYÚS y haga clic en otro elemento.
3. Mantenga presionada la tecla MAYÚS y haga clic en tantos elementos como usted
quiera seleccionar.
4. Haga clic en un elemento seleccionado para cancelar la selección.
Nota:
Si los elementos son de dos tipos diferentes,por ejemplo, una forma y una foto, es posible que
usted no pueda ejecutar todas las tareas de edición sobre ellos de forma simultánea. Algunas
tareas pueden sólo ser ejecutadas en un tipo particular de elemento.

Cómo seleccionar todos los elementos


Usted puede seleccionar todos los elementos en una página y editarlos simultáneamente.
Para seleccionar todos los elementos sobre la página:
Haga clic en Seleccionar todo desde el menú Edición.
Nota:
Si los elementos seleccionados son de dos tipos diferentes, por ejemplo, una forma y una foto,
puede que usted no pueda ejecutar todas las tareas de edición simultáneamente sobre ellos.
Algunas tareas sólo pueden ser ejecutadas sobre un tipo particular de elemento.

Cómo cancelar la selección de elementos


Usted puede cancelar su selección de elementos.

81
Para cancelar una selección:
Haga clic en alguna parte del espacio de trabajo, asegurándose de que no toca ningún elemento.

Cómo cortar
Al cortar un elemento usted lo quita de su posición actual y lo ubica en el portapapeles. El
elemento puede entonces ser pegado en una posición diferente.
Para cortar un elemento:

1. Haga clic en para mostrar la barra de tareas de Editar.


2. Seleccione el elemento.

3. Haga clic en Cortar .

Sugerencia:
Haciendo clic en Cortar desde el menú Edición produce el mismo resultado.

Cómo copiar
Al copiar un elemento se lo ubica en el portapapeles. Entonces el elemento puede ser pegado
en una posición adicional. A diferencia del cortado, el pegado no mueve el elemento de su
posición original.
Para copiar un elemento:

1. Haga clic en para mostrar la barra de tareas de Editar.


2. Seleccione el elemento.

3. Haga clic en Copiar .


Sugerencia:

Haciendo clic en Copiar desde el menú Edición se alcanza el mismo resultado.

Cómo pegar
Después de haber copiado o cortado un elemento, usted puede ahora pegarlo en una nueva
posición.
Para pegar un elemento:

1. Haga clic en para mostrar la barra de tareas de Editar.

2. Haga clic en Pegar .


3. Haga clic en el lugar donde usted desea pegar el elemento.
Sugerencia:
Haciendo clic en Pegar desde el menú Edición alcanza el mismo resultado.

Cómo insertar elementos


Usted puede insertar páginas nuevas, fotos y textos en su documento.

Haga clic en para mostrar la barra de tareas de Editar


Para insertar una página nueva:

82
Haga clic en Página para mostrar la barra de herramientas de Editar Página y haga
clic en Insertar .
Para insertar una foto nueva:

Haga clic en Foto para mostrar la barra de herramientas de Editar Foto y haga clic
en Insertar .
Para insertar un texto nuevo:

Haga clic en Texto para mostrar la barra de herramientas de Editar Texto y haga clic
en Insertar .

Cómo agregar una sombra


Usted puede agregar diferentes clases de sombras a las fotos, formas y textos.
Para agregar una sombra:
1. Seleccione el elemento o los elementos.

2. Haga clic en para mostrar el diálogo de sombra.


3. Haga clic en la casilla ‘Mostrar sombra’.
4. Desplace los controles deslizantes para determinar la opacidad, desenfoque, offset X y
offset Y de la sombra. Mantenga su ratón sobre un control deslizante para ver un
mensaje emergente del valor seleccionado.

5. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en
para elegir entre más colores.
6. Una vista previa de la sombra aparece bajo las palabras ‘Muestra de sombra’.
7. Haga clic en Aceptar para aplicar la sombra.

Cómo elegir colores personalizados


Usted puede elegir sus propios colores cuando use el diálogo de Selección de colores
comunes.
Para elegir un color:

1. Haga clic en .
2. Aparece el color de fondo.

3. Haga clic en paleta completa de colores a la derecha del campo de entrada de


colores.
4. El diálogo de la paleta segura aparece.

5. Haga clic en paleta de todos los colores.


6. El diálogo de colores básicos se muestra.
7. Haga clic en un bloque coloreado para elegir un color, o defina colores
personalizados para mostrar el diálogo de colores personalizados.
8. Haga clic en alguna parte en la matriz de colores para elegir un color. Cambie la
tonalidad moviendo el puntero horizontalmente. Cambie la saturación moviendo el
puntero verticalmente. Use el control deslizante hacia la derecha de la matriz para

83
ajustar la luminosidad.
9. Cuando haya mezclado el color correcto, haga clic en Agregar colores
personalizados.
10. El color aparece en la paleta de colores personalizados, debajo de la paleta de colores
básicos.
11. Haga clic en Aceptar para guardar el color personalizado y luego en Aceptar para
aplicar el color al elemento.

Cómo rellenar un elemento


Las formas, el texto, los campos y los fondos de página pueden rellenarse con varias clases
de relleno:
 Rellenos de color - donde el objeto se llena con un color plano.
 Rellenos de degradado - donde un color se funde en otro.
 Rellenos de textura -donde el objeto se llena con un una textura o una trama.
 Rellenos de trama - donde el objeto se llena con una trama punteada, tal como rayas
hacia adelante.
Es importante leer la entrada sobre Propiedades de los colores, texturas, degradados, tramas
y transparentes para ayudarle a entender cómo esta propiedad afecta otras propiedades.

Rellenos de color
Un relleno de color llena un elemento con un color individual.
Para llenar con un color:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en en la barra de herramientas de Formas para llenar una forma o en la


barra de herramientas de Página para llenar el fondo de página.
3. El diálogo de Llenar por color se abre.

4. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el
diálogo de los Colores para elegir sus propios colores.
5. Haga clic en Aceptar para aplicar el color al elemento.
Para cambiar el relleno de color usando el inspector:

Un método alternativo para cambiar el relleno es por medio del inspector. Usted puede
cambiar el relleno para las formas y el fondo de página y así también cambiar el color del
relleno para el texto o los campos.

1. Abrir el Inspector.
Cómo
2. En el Inspector, haga clic en el icono de la parte superior derecha y seleccione
Selección. (seleccione página actual para cambiar el fondo de página)
3. Haga clic en la ficha Estilo.
4. Debajo de la categoría Dibujo usted encontrará las entradas que le permitirán cambiar
el color de los elementos. Las entradas pueden llamarse Rellenos de Color, Primer plano,
Color de la cara o de Fondo, dependiendo del tipo de elemento que haya seleccionado.
Ver también
Propiedades de los colores, texturas, degradados, tramas y transparentes

84
Rellenos de trama
Rellenos de degradado
Rellenos de textura

Rellenos de degradado
La opción de degradado le permite llenar un elemento con un degradado entre un color para
su comienzo y otro para su final, de manera que un color se funde gradualmente en otro.

Para llenar con un relleno de degradado:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en en la barra de herramientas de Formas para llenar una forma o en la


barra de herramientas de Página para llenar el fondo de página.
3. El diálogo de Llenar por color se abre.
4. Haga clic en la ficha Degradado.
5. Haga clic en un color de la paleta para seleccionarlo como el color del inicio. Haga clic
en otro color de la paleta para selecionarlo como el color del final.
6. Establezca el ángulo del degradado.
7. Haga clic en Aceptar para aplicar el relleno de degradado.

Para cambiar el relleno de degradado usando el inspector:

Un método alternativo para cambiar el relleno es por medio del inspector. Usted puede
cambiar el relleno para las formas y el fondo de página y así también cambiar el color del
relleno para el texto o los campos.

1. Abrir el Inspector.
Cómo
2. En el Inspector, haga clic en el icono de la parte superior derecha y seleccione
Selección. (seleccione página actual para cambiar el fondo de página)
3. Haga clic en la ficha Estilo.
4. Debajo de la categoría Dibujo usted encontrará las entradas que le permitirán cambiar el
color de los elementos. Las entradas pueden llamarse Rellenos de Color, Primer plano,
Color de la cara o de Fondo, dependiendo del tipo de elemento que haya seleccionado.
Ver también

85
Propiedades de los colores, texturas, degradados, tramas y transparentes
Rellenos de trama
Rellenos de color
Rellenos de textura

Rellenos de textura
Usted puede rellenar una forma, texto o fondo de página con una trama de textura. Elija a
partir de la extensa selección de texturas de fondo provistas por Web Easy o use imágenes
propias. Usted puede usar cualquier dibujo foto como un relleno.

Para rellenar con un fondo de textura:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Rellenar en la barra de herramientas de Formas para llenar una


forma o en la barra de herramientas de Página para rellenar el fondo de página.
3. El diálogo de Rellenar con color se abre.
4. Haga clic en la ficha ‘Textura’.

5. Haga clic en para elegir la textura a usar en el relleno.


6. Haga clic en Aceptar para aplicar el relleno de textura.

Para cambiar el relleno de textura usando el inspector:

Un método alternativo para cambiar el relleno de textura es usando el Inspector. Usted puede
cambiar el relleno para las formas y para el fondo de página y también puede cambiar la
textura del relleno para texto o campos.

1. Abrir el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el ícono de la parte superior derecha y seleccione
Selección. (seleccione página actual para cambiar el fondo de página).
3. Haga clic en la ficha Estilo.
4. Debajo de la categoría Dibujo encontrará las entradas que le permitirán cambiar los
colores de los elementos. Las entradas pueden ser llamadas Primer plano o Fondo
dependiendo del tipo de elemento que haya seleccionado.

86
Es importante leer la entrada de ayuda referente a Propiedades de los colores, texturas,
degradados, tramas y transparentes para entender qué efecto tiene el modificar esta
propiedad en las otras propiedades.

Ver también
Propiedades de los colores, texturas, degradados, tramas y transparentes
Rellenos de trama
Rellenos de degradado
Rellenos de color

Deshacer
Si usted comete un error, puede deshacer la acción más reciente. Web Easy le permite
deshacer seis acciones seguidas.
Para deshacer acciones:

1. Haga clic en Deshacer para deshacer la acción más reciente.

2. Haga clic en Deshacer otra vez para deshacer la acción más reciente anterior
siguiente.

Sugerencia:
Hacer clic en Deshacer desde el menú Edición da el mismo resultado.

Ver también
Rehacer acciones.

Rehacer
Después de usar Deshacer, usted puede cancelar esta acción y Rehacer la acción.
Para rehacer las acciones:

1. Haga clic en Rehacer para rehacer la acción que fue cancelada.


2. Haga clic en Rehacer otra vez para rehacer la acción que fue cancelada antes de
eso.

Sugerencia:
Haciendo clic en Rehacer desde el menú Edición da el mismo resultado.
Ver también
Deshacer acciones.

Cómo actualizar su pantalla


Actualizar la pantalla es útil cuando usted trabaja con archivos vinculados al documento, como
por ejemplo imágenes. Si usted modifica el archivo de imagen en otra aplicación, usted puede
hacer clic en Actualizar para actualizar su presentación en Web Easy.
Para actualizar la pantalla:
Haga clic en Actualizar desde el menú Edición.

87
Cómo editar páginas
Una página en un documento es un espacio de diseño que puede incluir fotos, gráficos y texto.
El menú Editar página provee todas las funciones para cambiar los efectos y la apariencia de
cada página de su documento.

¿Cómo hago para...?


Cambiar el fondo de una página
Agregar una página nueva a un documento
Eliminar una página de un documento
Cambiar el orden de las páginas en un documento
Mover a otra página en un documento
Mover a una página específica en un documento
Cambiar las dimensiones de una página
Agregar una transición de página a una página
Agregar un título a una página
Agregar un efecto de sonido a una página

Cómo agregar una página nueva a un documento


Mientras usted agrega nuevas páginas a su documento, usted puede determinar su fondo.
 Inserte una página en blanco, con el mismo fondo que la página actual
 Elija un fondo de color plano, con degradado o con textura, o
 Elija un fondo de cualquier página de una plantilla de diseño.
Sugerencia:
Si usted agrega demasiadas páginas, su documento puede volverse muy lento para cargar o
difícil de modificar. Diez páginas sería un límite sensato para cada documento. Si usted quiere
crear un sitio Web muy grande considere usar varios documentos, con vínculos internos entre
ellos. Para crear un vínculo entre los documentos, vaya al diálogo de Vínculo y seleccione
"Documento" como el destino de vínculo, indique el archivo requerido y establezca el número
de páginas para vincular o use la dirección de Internet del sitio Web para vincular las páginas
juntas.
Para agregar una página:
1. Abra su documento.

2. Haga clic en para mostrar la barra de herramientas de Editar.

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página

4. Haga clic en Insertar .


5. El diálogo Página nueva aparece, pidiéndole que elija un fondo para la página nueva
de las categorías provistas en las plantillas de diseño.
 Para mantener el estilo de fondo de la página actual, haga clic en la ficha En blanco y
elija Página en blanco.
 Para darle a la página un color de fondo plano, o liso, haga clic en la ficha En blanco,
haga clic en Fondo de color liso y seleccione una color de la ventana de Vista Previa
a la derecha del diálogo. Use los botones de navegación
"Primera/Anterior/Siguiente/Última" para ver más colores.
 Para dar a la página un fondo con un degradado de color, haga clic en la ficha En

89
blanco, haga clic en Fondo degradado y seleccione un tipo de degradado de la
ventana de Vista Previa.
 Para dar a la página un fondo con textura, haga clic e la ficha En blanco, haga clic en
Fondo con textura y seleccione una textura de la ventana de Vista Previa
 Para dar a la página un fondo de una plantilla de diseño, haga clic en una ficha para
traer un tipo de plantilla hacia el frente, elija una plantilla y seleccione una página de la
ventana de Vista previa.
6. Haga clic en Aceptar.
Sugerencia:
Haciendo clic en Página desde el menú Insertar produce el mismo resultado.

Ver también
Importar una página

Cómo agregar un fondo


Usted puede agregar una variedad de fondos a sus páginas, incluyendo colores planos o lisos,
degradados y texturas. Es como rellenar una forma, excepto que la forma es la página entera.
Para agregar un fondo de página:
1. Abra su documento.

2. Haga clic en para mostrar la barra de herramientas de Editar.

3. Haga clic en Página

4. Haga clic en Fondo .


5. Se abre el diálogo de Rellenar con color.
6. Elija una de las opciones:
 ‘Color’ -para colorear el fondo de la página con un color solamente.
 ‘Degradado’ - para crear un fondo degradado, fundiéndose de un color a otro.
 ‘Textura’ - para rellenar el fondo con una textura basada en una imagen en un archivo
de imagen seleccionado.
7. Haga clic en Aceptar.

Ver también
Rellenos de degradado
Rellenos de textura

Cómo crear un fondo con una foto


Para un efecto realmente dramático, cree un fondo a partir de una foto.
Para crear un fondo con una foto:
1. Ubique una foto sobre la página y selecciónela.

2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

3. Haga clic en Ajustar para mostrar el diálogo de Ajustar.


4. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano.
5. Haga clic en la opción ‘Ajustar la selección a la página’. La foto se agranda de manera

90
que se ajusta a la página.
6. Haga clic en Ordenar y elija Enviar hacia atrás para ubicar la foto detrás de las
otras capas.
7. Haga clic en Bloquear desde el menú Organizar elija Bloquear para bloquear el
fondo en su lugar.

Cómo eliminar una página


Si su documento consiste de dos o más páginas, usted puede eliminar una página.
Para eliminar una página:
1. Abra su documento en la página que quiere eliminar.
2. Asegúrese de que no hay elementos seleccionados de manera que el menú Modificar
muestre los comandos de edición para la página.
3. Haga clic en Eliminar desde el menú Modificar.
4. Aparece una pregunta, pidiéndole que confirme el pedido de eliminación.
5. Haga clic en Aceptar para completar la operación o en Cancelar para cancelarla.

Cómo ajustar el tamaño de una página


Usted puede ajustar el tamaño de página de su documento para adaptarla a sus necesidades
específicas. Por ejemplo, si usted desea crear un sitio Web, usted seguramente querría que el
tamaño de la página encajara en la mayoría de las pantallas de los ordenadores (640 x 480
pixeles) mientras que si usted quiere imprimir el documento, usted puede ajustarlo a una clase
de página particular, por ejemplo A4 o tamaño carta. También puede personalizar su propio
tamaño de página.
Para ajustar el tamaño de página:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

3. Haga clic en Tamaño . El diálogo de Tamaño de página aparece.


4. Elija un tamaño de página. Dos opciones:
 Desplazar hacia abajo una lista de las dimensiones existentes para página, o
 Haga clic en Definido por usuario y escriba el ancho y la profundidad. Elija una unidad
de medida: cm, pulgadas o pixeles.
5. Haga clic en Reajustar elementos para reorganizar los elementos para que se ajusten
al tamaño nuevo de la página.
6. Haga clic en Reajustar proporcionalmente para mantener las proporciones de los
objetos.
7. Haga clic en ACEPTAR..

Nota:
Si usted planea imprimir su documento, asegúrese de que no ubica ningún elemento en los
márgenes fuera del límite de impresión. Para mayor información, consulte la documentación
que vino con su impresora.
Sugerencia:
Al seleccionar Tamaño desde el menú Modificar también se abre el diálogo Tamaño de
Página. Para usar esta opción, asegúrese de que no hay elementos seleccionados de manera
que el menú Modificar muestre los comandos de edición para la página.

91
Ver también
Cómo crear una página de tamaño personalizado
Cómo quitar una página de tamaño personalizado

Cómo crear una página de tamaño personalizado


Cree sus propios tamaños de página personalizados, personalizando su documento para sus
propias necesidades,.
Para crear un tamaño de página personalizado:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

3. Haga clic en Tamaño . El diálogo de Tamaño de página aparece.


4. Seleccione Definido por el usuario de la parte superior de la lista de Dimensiones
existentes
5. Escriba las dimensiones de la página (en pixeles) en los campos de Ancho y
Profundidad.
6. Escriba un nombre para el tamaño personalizado, por ejemplo, ‘Mi sitio Web’.

7. Haga clic en para agregar el tamaño de página personalizado a la lista de


Dimensiones existentes.
8. Haga clic en ACEPTAR..

Cómo quitar un tamaño de página personalizado


Los tamaños de página personalizados que ya no se necesitan pueden ser fácilmente
eliminados.
Para quitar un tamaño de página personalizado:
1. Abra su documento.

2. Haga clic en para mostrar la barra de herramientas de Editar.

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

4. Haga clic en Tamaño . El diálogo de Tamaño de página aparece.


5. Seleccione el tamaño de página personalizado a quitarse de la lista de Dimensiones
existentes

6. Haga clic en para quitar el tamaño de página personalizado de la lista de


Dimensiones existentes .
7. Haga clic en ACEPTAR.

Cómo agregar un título de página


Usted puede darle un título a cada página de su documento. Los títulos de página le ayudan a
navegar y a encontrar su rumbo en un documento muy grande. Cuando usted ha puesto un
título en una página, el título de la página actual aparece en el título de Web Easy. Los títulos
de página aparecerán en el diálogo Ordenar páginas y en la lista del menú Ir a página,
facilitándole el acceso a la página a donde desea ir.
Ver también

92
Cómo cambiar el orden de página
Consejo:
Los títulos de página también son útiles para que algunos motores de búsqueda puedan
localizar su sitio Web. El título debe ser relevante al contenido de su página. No lo haga
demasiado largo.
Para agregar un título:
1. Abra su documento.

2. Haga clic en para mostrar la barra de herramientas de Editar

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

4. Haga clic en Título para mostrar el diálogo de título de Página.


5. Escriba el título para la página actual en el campo Título de página.
6. Para dar un título a cada página del documento, haga clic en un elemento de la lista de
Páginas de, documento. La lista corresponde a las páginas en su documento, de
modo que el primer elemento es la primera página, etc. Haga clic en la página y luego
escriba el nombre para esa página.
7. Haga clic en ACEPTAR. para aplicar los títulos de página.

Nota:
Algunos caracteres y combinaciones no se aceptan como nombres. Evite usar &, CR, LF y
TAB.
Sugerencia:
El contenido del menú Modificar depende de lo que se seleccione. Para cambiar
configuraciones de página (Título, Tamaño, Fondo) asegúrese de que no hay elementos
seleccionados de manera que el menú Modificar muestre los comandos de edición para la
página.

Cómo cambiar el orden de página


Usted puede cambiar el orden de página en su documento usando la función Ordenar
páginas.
Para cambiar el orden de página:
1. Asegúrese de que no hay elementos seleccionados de manera que el menú Modificar
muestre los comandos de edición para la página.
2. Haga clic en Ordenar en el menú Modificar.
3. Aparece el diálogo Ordenar.
4. Seleccione la página que usted quiere mover. Es más fácil identificar las páginas si se
les ha dado títulos.
5. Mueva la página haciendo clic en Mover Arriba o Mover Abajo hasta que las páginas
estén en el orden deseado.
6. Haga clic en Aceptar para aplicar el ordenamiento.

Cómo importar una página Web


Esto le permite agregar una página nueva a su documento importando código HTML de un
archivo. El procedimiento de importación identificará automáticamente los elementos básicos
de HTML tales como vínculos, texto e imágenes y creará una página nueva conteniendo todos
los elementos reconocidos.

93
Sugerencia:
Por favor note que en ciertas circunstancias Web Easy puede ser incapaz de importar todos
los elementos y atributos de un archivo HTML existente. Sin embargo usted debería poder
importar y restaurar todos sus elementos de texto e imágenes, como así también la posición
de estos elementos.
Para agregar una página HTML:
1. Abra su documento..

2. Haga clic en para mostrar la barra de herramientas de Editar.

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

4. Haga clic en Insertar .


5. Haga clic en el botón Importar. El diálogo de Importar sitio Web aparece.
6. Elija el archivo HTML que desea importar y haga clic en el botón Abrir.
7. Espere hasta que el proceso de conversión esté completo.
8. Se ha agregado una nueva página al diseño del documento.
Sugerencia:
Todas las imágenes en las páginas de diseño están vinculadas directamente a las carpetas de
página Web HTML originales.
Se recomienda guardar el documento entero en una carpeta separada como una copia de
seguridad de almacenamiento, adonde se copiarán odas las imágenes necesarias para uso
futuro.

Ver también
Cómo importar un sitio Web
Cómo guardar una copia de seguridad de almacenamiento

Cómo agregar un icono en mi sitio para que aparezca en


Favoritos

Este es el icono que aparecerá en el menú de Favoritos en su navegador.

1. Abra el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el icono superior de la derecha y seleccione Documento.
3 .Bajo la categoría Configuraciones de página,busque la entrada Icono de favoritos.
4. Haga clic en el campo de Icono de favoritos. para hacer aparecer el diálogo de
exploración de archivo.
5. Seleccione el archivo de icono o el archivo de imagen desde su ordenador para usarlo
como el icono de su sitio.

Este icono puede o no ser usado dependiendo del explorador. Algunos exploradores pueden
usar este icono también para otros fines tales como iconos para fichas cuando se usa la
exploración de fichas.

94
Cómo editar fotos
Web Easy ofrece muchas funciones para modificar imágenes para ayudarle a realzar sus
fotos. Usted puede agregar marcos y esténciles a las fotos, o sombras. Usted puede recortar,
rotar y ajustar el tamaño de la foto o elegir una selección de efectos de foto.

Yo quiero:
Agregar una nueva foto
Reemplazar una foto
Ajustar la medida de una foto
Recortar una foto
Rotar una foto
Agregar un marco a una foto
Agregar un esténcil a una foto
Quitar un marco o el esténcil de una foto
Agregar un efecto de foto

Cómo insertar una nueva foto


Para insertar una nueva foto:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.

3. Haga clic en Insertar y elija Foto.


4. Un diálogo de exploración se abre y le permite explorar para encontrar una foto.
5. Localice una de las muchas fotos disponibles dentro de Web Easy o busque una suya
propia. Haga clic en un nombre de archivo para seleccionar una foto.
6. Haga clic en Abierto.
7. Ubique el cursor en el espacio de trabajo en el lugar donde usted quiere ubicar la foto,
y haga clic una vez.

Notas:
Usted puede insertar más de una foto por vez. Mantenga presionada la tecla MAYÚS
mientras hace clic en los nombres de archivo adyacentes, o mantenga apretada la tecla CTRL
para aquellos archivos no adyacentes.
Usted también puede insertar fotos arrastrando y colocando desde el explorador de archivo.

Cómo insertar una foto del Explorador de archivo


Una manera fácil de insertar una foto en un documento es arrastrarla y colocarla desde el
Explorador de archivo, localizado al pie de la ventana de Web Easy.

Cómo reemplazar una foto


La función Reemplazar facilita la ubicación de una foto nueva en la misma posición de una
foto existente, sin la necesidad de eliminar la original. También puede ser usada para llenar
porta espacios.
Para reemplazar una foto:

96
1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


3. Haga clic en la foto que usted desea reemplazar.

4. Haga clic en Modificar . Una lista de comandos se despliega.


5. Haga clic en Reemplazar foto, en la lista.
6. Un diálogo de exploración se abre, permitiéndole explorar por la foto.
7. Haga clic en un nombre de archivo para seleccionar una foto. Una vista previa de la
foto aparece en el área de vista previa a la derecha de la ventana de exploración.
8. Haga clic en Abrir.
9. Las foto nueva reemplaza la original.

Nota:
Usted también puede reemplazar una foto arrastrando una foto nueva desde el Explorador de
archivo y cololocándola sobre la foto original o el porta espacio.

Cómo reemplazar portaespacios con otras imágenes


Portaespacios son formas vacías que usted puede reemplazar con sus propias imágenes.
Cuando usted pone una foto en el lugar que ocupa el portaespacio, su foto retiene el tamaño y
la posición del portaespacio.
Para reemplazar un portaespacio:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


3. Seleccione el portaespacio.

4. Haga clic en Modificar para mostrar el menú Modificar foto.


5. Haga clic en Reemplazar foto desde el menú.
6. Un diálogo de exploración aparece, permitiéndole explorar por la foto.
7. Haga clic en un nombre de archivo para seleccionar la foto. Una vista previa de la foto
aparece en el área de vista previa a la derecha de la ventana de exploración.
8. Haga clic en Abrir.
9. La nueva foto reemplaza el portaespacio.
Nota:
Algunas plantillas proveen muestras de fotos en vez de portaespacios. Usted puede
reemplazarlas con sus propias fotos exactamente en la misma forma.
Sugerencia:
Usted también puede arrastrar una foto del Explorador de archivo y colocarla en el
portaespacio.

Cómo agregar un marco a una foto


Los marcos pueden realzar en gran medida el aspecto de una foto. Web Easy provee una
amplia variedad de marcos en una selección de colores y texturas.
Para agregar un marco a una foto:

1. Haga clic en para mostrar la barra de herramientas de Editar.

97
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.
3. Seleccione la foto.

4. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


5. Haga clic en Agregar/Reemplazar marco, en la lista.
6. Un diálogo de exploración se abre, permitiéndole explorar por un marco en la carpeta
Marcos
7. Haga clic en un nombre de archivo para seleccionarlo. Una vista previa del marco
aparece en el área de vista previa a la derecha de la ventana de exploración.
8. Haga clic en Abrir.
9. El marco aparece, ajustado alrededor de la foto.

Nota:
Usted también puede arrastrar una foto del Explorador de archivo y colocarla arriba de una
foto.
Ver también
Cómo reemplazar un marco
Cómo eliminar un marco
Este marco no encaja con mi foto

Cómo agregar un esténcil a una foto


Los esténciles se usan para ocultar una parte de una imagen. Algunos esténciles esfuman las
partes menos importantes mientras que otros colocan la imagen dentro de una forma
recortada. Algunos aplican una textura o un translúcido a su foto.
Para agregar un esténcil a una foto:

1. Haga clic en para mostrar la barra de herramientas de Editar.


2. Seleccione la foto.

3. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


4. Seleccione la foto.

5.Haga clic en Modificar Una lista de comandos se despliega.


6.Haga clic en Agregar/Reemplazar esténcil, en la lista.
7.Un diálogo de exploración se abre, permitiéndole explorar por un esténcil.
8.Haga clic en un nombre de archivo, para seleccionarlo. Una vista previa del esténcil
aparece en el área de vista previa a la derecha de la ventana de exploración. El área
verde en la vista previa representa la parte de la foto que no estará oculta.
9. Haga clic en Abrir.
10. Parte de la foto está escondida por el esténcil.
Nota:
Usted también puede agregar un esténcil, arrastrándolo del Explorador de archivo y
colocándolo arriba de una foto.

Yo quiero:
Quitar un esténcil de una foto
Reemplazar un esténcil sobre una foto

98
Cómo reemplazar un marco o un esténcil en una foto
Cuando una foto ya tiene un marco o un esténcil, es fácil reemplazar éstos con unos nuevos.
Para reemplazar un marco o un esténcil,:
1. Seleccione la foto con el marco o esténcil que usted desea cambiar. Asegúrese de que
la foto entera esté seleccionada, incluyendo el marco o esténcil. Cuando la selección
está bien hecha, los controladores en forma de diamante aparecen.
2. Desde el menú Modificar, selecione Agregar/Reemplazar Marco o
Agregar/Reemplazar esténcil, de la lista.
3. Un diálogo de exploración se abre, permitiéndole explorar por un marco o un esténcil.
4. Haga clic en un nombre de archivo para seleccionarlo. Una vista previa del esténcil
aparece en el área de vista previa a la derecha de la ventana de exploración.
5. Haga clic en Abrir
6. La foto reaparece con el nuevo marco o esténcil,.

Nota:
.Usted también puede agregar un marco o un esténcil arrastrándolos del Explorador de
archivo
y colocándolos arriba de una foto.
Yo quiero:
Quitar un marco o un esténcil de una foto

Cómo ajustar un marco a una foto


La manera más simple de agregar un marco a una imagen es arrastrar el marco directamente del
Explorador de archivo hasta ponerlo encima de la imagen. El marco cambiará de tamaño
automáticamente de manera que se ajuste a la imagen.
Si usted ya tiene un marco y una imagen en la página, hay dos maneras de encajarlos. Usted
puede:
 Ajustar el marco a la imagen o,
 Ajustar la imagen al marco.
Para ajustar una imagen y un marco:
1. Mantenga presionada la tecla MAYÚS y seleccione al mismo tiempo la imagen y el
marco.

2. Haga clic en para mostrar la barra de herramientas de Editar.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Marco para poner el diálogo Marco en el primer plano.
6. Luego:
 Haga clic en ‘Ajustar el marco a la selección’ para cambiar el tamaño del marco,
 Haga clic en ‘Ajustar la selección al marco ’ para cambiar el tamaño de la imagen
seleccionada.
7. Haga clic en ACEPTAR.

Cómo quitar un marco o un esténcil


Usted puede quitar fácilmente un marco o un esténcil de una foto.

99
Para quitar un marco o un esténcil de una foto.:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


3. Haga clic en la foto.

4. Haga clic en Modificar Una lista de comandos se despliega.


5. Haga clic en Borrar marco o Borrar esténcil, de la lista.

Cómo borrar una foto


Si usted ya no quiere usar una foto, pero quiere guardar su tamaño y su posición para otra
foto, use la función Borrar.
Para borrar una foto:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


3. Haga clic en la foto.

4. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


5. Haga clic en Borrar foto de la lista.
6. La foto es quitada y un portaespacio es dejado en su lugar, preservando el tamaño y la
posición de la foto original.

Cómo ajustar el tamaño de una foto


La forma más simple de ajustar el tamaño de una foto es arrastrando los controladores del
elemento. Si necesita saber las medidas precisas de una foto, usted también puede cambiar el
tamaño con un diálogo .
Para ajustar el tamaño de una foto con los controladores del elemento:
1. Seleccione la foto.
2. Haga clic en uno de los controladores en las esquinas de la foto.
3. El puntero del ratón cambia a una flecha de dos puntas.
4. Arrastre el controlador en una dirección diagonal - arrástrelo hacia afuera para hacer la
foto más grande o hacia adentro para hacer la foto más pequeña.
5. La línea punteada muestra una vista previa del nuevo tamaño de la

foto.

100
6. Use los controladores de la esquina para cambiar el tamaño en forma proporcional,
manteniendo la misma relación entre ancho y alto. Use los controladores en los lados
para cambiar de tamaño sin mantener la misma proporción.
7. Libere el botón del ratón para aplicar el cambio.

Ver también
Cambiar tamaño de foto con precisión

Cómo cambiar el tamaño de una foto con precisión


Cambiar el tamaño de una foto con precisión le permite determinar las medidas exactas de su
foto.
Para cambiar el tamaño de una foto con precisión:
1. Seleccionar la foto a la que quiere cambiarle el tamaño.
2. Desde el menú Modificar seleccione Tamaño y posición para mostrar el diálogo de
tamaño y posición de la foto.
3. Haga clic en la checkbox ‘Mantener la relación de aspecto de la foto ‘ para mantener
las proporciones de la foto.
4. Escriba el alto y ancho de su foto. Si usted marcó ‘Mantener la relación de aspecto de
la foto’, escriba o el ancho o el alto y la otra cantidad será calculada automáticamente.
5. Haga clic en Tamaño original para deshacer cualquier cambio de tamaño previo.
6. Haga clic en ACEPTAR.. para aplicar los cambios.

Ver también
Cómo cambiar el tamaño de una foto manualmente

Cómo ubicar una foto con precisión


Use el diálogo Posición y tamaño de la foto para ubicar su foto en una posición precisa en la
página.
Para cambiar el tamaño de una foto, o ubicarla con precisión:
1. Seleccionar la foto.
2. Desde el menú Modificar seleccione Tamaño y posición para mostrar el diálogo de
tamaño y posición de la foto .
3. Escriba las distancias que usted quiere para ubicar su foto desde arriba, abajo, derecha
e izquierda. Por ejemplo, si escribe 0 en el campo de‘Arriba", su foto se moverá a la
parte superior de la página.
4. Haga clic en ACEPTAR.. para aplicar los cambios.

Cómo recortar una foto


Recortar una foto quiere decir cortarle las áreas que no se desea conservar. Por ejemplo, si
una foto está centrada con imperfección, usted puede recortarle el fondo que sobra para que
el sujeto esté en el centro del fondo que permanece.
Para recortar una foto:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.


3. Seleccione la foto a ser recortada.

101
4. Haga clic en Recortar para mostrar el diálogo Recortar.
5. Arrastre los controladores en las esquinas arriba y abajo o hacia los lados para
seleccionar el área a recortarse.
6. El área blanca indica las partes de la foto que se recortarán.

7. Haga clic en para cancelar el recorte o en ACEPTAR para completarlo.


También puede recortar una foto usando el ratón.
Para recortar una foto con el ratón:
1. Seleccionar la foto.
2. Ubique el ratón sobre un controlador para cambiar el tamaño.
3. Mantenga presionada la tecla MAYÚS. El cursor cambia a un símbolo de recorte.
4. Arrastre el controlador para recortar la foto.
Nota:
Usted puede cancelar un recorte al abrir el diálogo Recortar arrastrando los controladores
hacia afuera de los bordes.

Cómo rotar una foto


Usted puede rotar fotos fácilmente, ya sea manualmente con el ratón o de acuerdo con
especificaciones precisas.
Para rotar una foto:
1. Seleccionar la foto.
2. Desde el menú Modificar, seleccione Rotar para mostrar el diálogo Rotar.
3. Arrastre la muestra de la foto para determinar la dirección de la rotación.
4. Mientras usted arrastra la foto, el grado preciso de rotación aparece en el campo
Rotación libre.
5. Una vista previa de la rotación aparece en el diálogo.
6. Haga clic en ACEPTAR.

Usted también puede rotar una foto usando los controladores del elemento.
Para rotar una foto con los controladores del elemento:
1. Seleccione la foto.

2. Coloque el ratón sobre el controlador giratorio a la derecha de la foto - .


3. El puntero del ratón cambia a un puntero de rotación.
4. Arrastre el controlador giratorio para rotar la foto.
5. La foto aparecerá como de baja calidad mientras está siendo rotada.
6. Cuando usted suelte el botón del ratón, la foto rotada reaparece en su calidad original.

Ver también
Cómo voltear una foto

Cómo voltear una foto


Usted puede voltear una foto verticalmente u horizontalmente.
Para voltear una foto:
1. Seleccionar la foto.
2. Desde el menú Modificar, seleccione Rotar para mostrar el diálogo Rotar.

102
3. Haga clic en las check-boxes Espejo vertical o Espejo horizontal .
4. Haga clic en ACEPTAR.

Cómo agregar una sombra a una foto


Usted puede agregar una sombra a una foto, ajustando el color de la sombra, la opacidad, el
desenfoque y el offset.
Para agregar una sombra a una foto:
1. Seleccionar la foto.
2. Desde el menú Modificar, seleccione Sombra para mostrar el diálogo Sombra.
3. Haga clic en un bloque coloreado para elegir un color para la sombra, o haga clic en
para ensanchar la selección de colores.
4. Haga clic en la check box Mostrar sombra . Una vista precia de la sombra aparece
bajo las palabras "Muestra de sombra".
5. Arrastre los controladores para determinar la opacidad de la sombra, el desenfoque,
offset X y offsetY. Mantenga su ratón sobre un control deslizante para ver u mensaje
emergente del valor seleccionado.
6. Haga clic en ACEPTAR para aplicar la sombra.

103
Efectos de foto
Los efectos de foto son efectos especiales que usted puede aplicar a sus imágenes. Al
usarlos, usted podrá realzar sus imágenes, compensándola en casos de iluminación pobre, o
para dar nitidez a la imagen, quitar detalles no deseado, etc. También puede usarlos para
crear un efecto artístico inusual.
Yo quiero:
Cambiar el brillo de una imagen
Cambiar el contraste de una imagen
Suavizar el foco
Dar nitidez a una imagen
Convertir una imagen en una escala de grises
Invertir una imagen
Cambiar el contraste automáticamente
Quitar motas en una imagen
Realzar una imagen

Vista previa de efectos de foto


Web Easy ofrece una amplia selección de efectos de foto que usted puede aplicar a sus fotos.
Mire las vistas previas más abajo para tener una idea de lo que usted puede hacer con los
efectos.
Haga clic en una imagen para descubrir cómo crear ese efecto de foto.

Más brillo Menos brillo

Más Menos
contraste contraste

Gamma de Escala de
colores grises

105
Desenfocar Enfocar
(Nitidez)

Invertir Auto
Contraste

Quitar motas Realzar

Detectar Relieve Transpare


bordes ncia

Profundidad Profundidad Profundida


color 1 bit color 4 bits d color 8
bits

Más Menos Matiz


saturación intensidad

Agregar rojo Agregar Agregar


verde azul

Cómo ajustar el brillo

106
Use el efecto brillo para incrementar o disminuir el brillo de su foto. Esta función es útil para
mejorar fotos que están sobre-expuestas o para aquellas fotos que fueron sacadas con
luminosidad inadecuada.
Para ajustar el brillo:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Brillo para mostrar el efecto Brillo.
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el brillo incrementado. Haga clic en esa miniatura para aplicar el cambio a esa
vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para
obtener una medida mayor de brillo. Usted puede seguir haciendo clic hasta que
obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el
brillo o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo ajustar el contraste


Use el efecto de contraste para ajustar el contraste entre luz y sombra en su foto. Usted
puede o aumentar o disminuir el contraste.
Para ajustar el contraste:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Contraste para mostrar el efecto Contraste.
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el contraste incrementado. Haga clic en esa miniatura para aplicar el cambio a esa
vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para
obtener una medida mayor de contraste. Usted puede seguir haciendo clic hasta que
obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el
contraste o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo ajustar la gamma

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Ajustar la gamma significa aumentar el contraste dentro de los medios tonos de una imagen,
sin afectar sus reflejos resaltantes ni sus sombras.
Para ajustar la gamma:

107
1. Seleccionar la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Gamma para mostrar el efecto Gamma.
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con la gamma incrementada. Haga clic en esa miniatura para aplicar el cambio a esa
vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para
obtener una medida mayor de gamma. Usted puede seguir haciendo clic hasta que
obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir la
gamma o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Ver también
Cuándo ajustar la gamma

Cuando ajustar la gamma

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Una imagen consiste en reflejos (hacia el blanco), sombras (hacia el negro) y medios tonos -
las tonalidades en el medio.
Gamma se refiere al contraste entre claro y oscuro dentro de los medios tonos de la imagen.
Cuando usted ajusta la gamma, usted incrementa el contraste dentro de los medios tonos, sin
afectar los reflejos o las sombras.
Si, por ejemplo, usted tiene una foto con negros marcados, blancos nítidos y sin suficiente
contraste entre los medios tonos;

si usted tratara de aumentar el contraste de la foto, los reflejos y las sombras serían
demasiado extremas.

Si usted aumentara el brillo de la foto, las sombras perderían su nitidez.

108
La solución es incrementar la gamma. Esto mejora los medios tonos, mientras se dejan los
reflejos y las sombras como estaban.

Cómo desenfocar una foto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el efecto desenfocar para agregar un foco suavizado a su foto.
Para desenfocar una foto:
1. Seleccionar la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Desenfocar para mostrar el efecto Desenfocar.
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el efecto desenfocar incrementado. Haga clic en esa miniatura para aplicar el
cambio a esa vista previa en el medio. Haga clic en la derecha de la miniatura
nuevamente para obtener una medida mayor del efecto. Usted puede seguir haciendo
clic hasta que obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el
efecto desenfocar o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo invertir una foto

109
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Invertir una foto es como crear un color negativo desde ella. Cada color se reemplaza por el
color opuesto en el espectro. Esta función es útil para obtener fotos de negativos escaneados,
o para crear efectos interesantes en composiciones artísticas.
Para invertir una foto:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Invertir para mostrar el efecto Invertir.
4. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
invertida.. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el
medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Invertir o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo aumentar la nitidez (enfocar)

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el efecto 'enfocar' para agregar un foco más nítido a su foto.
Para aumentar la nitidez en una foto:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Enfocar para mostrar el efecto Enfocar .
4. Arrastre el control deslizante para ajustar la gama del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el efecto enfocar incrementado. Haga clic en esa miniatura para aplicar el cambio
a esa vista previa en forma media. Haga clic en la derecha de la miniatura nuevamente
para obtener una medida mayor de nitidez.
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el
efecto enfocar o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo convertir a escala de grises


Convertir a escala de grises significa convertir la foto a un formato que reconoce solamente
tonalidades de gris. Quita la información de color de la foto.
Para convertir la foto a escala de grises:
1. Seleccione la foto.

110
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Escala de grises para mostrar el efecto Escala de grises .
4. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma.
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto Escala de grises.. Haga clic en esa miniatura para aplicar el cambio a la
vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Escala de grises o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo usar auto contraste

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
El auto contraste ajusta automáticamente el contraste entre la luz y la sombra, resolviendo el
contraste que realzará su foto de la mejor manera.
Para usar auto contraste:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Auto Contraste para mostrar el efecto Auto Contraste.
4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con auto contraste. Haga clic en esa miniatura para aplicar el cambio a la vista previa
en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Auto contraste o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo quitar motas a una foto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use quitar motas cuándo una foto está polvorienta o rayada. El efecto quitar motas elimina el
polvo o las rayaduras y le da a la imagen un efecto más liso.
Para usar Quitar motas:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Quitar motas para mostrar el efecto Quitar motas .
4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.

111
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto Quitar motas. Haga clic en esa miniatura para aplicar el cambio a la vista
previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Quitar motas o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo realzar una foto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Realzar mejora la calidad de su foto automáticamente. Web Easy automáticamente detecta
qué aspectos de su foto necesitan mejorar y aplica los efectos que sean requeridos.
Para realzar una foto:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Realzar para mostrar el efecto Realzar .
4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto Realzar. Haga clic en esa miniatura para aplicar el cambio a la vista
previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Realzar o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo detectar bordes

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use la función Detectar bordes para crear efectos de línea interesantes con sus fotos. Este
efecto localiza los bordes de los objetos en una foto y los reduce a un contorno.
Para usar Detectar bordes:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Detectar bordes para mostrar el efecto Detectar bordes .
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
reducida a un contorno. Haga clic en esa miniatura para aplicar el cambio a la vista
previa en el medio. Haga clic en la miniatura otra vez para reducir la foto aún más.

112
7. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Detectar bordes o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo dar relieve a una foto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Al dar relieve a una foto se la hace aparecer como una escultura en relieve.
Para dar relieve a una foto:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Relieve para mostrar el efecto Relieve.
4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto de alto relieve. Haga clic en esa miniatura para aplicar el cambio a la
vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto
Relieve o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo agregar transparencia


Usted puede hacer su foto parcialmente transparente, para que otras imágenes sean visibles
desde abajo de ella. El efecto transparencia le permite determinar el nivel de transparencia
que debe aplicarse a su imagen.
Para agregar transparencia:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Transparencia para mostrar el efecto Transparencia .
4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
6. La miniatura a la derecha del diálogo, sobre la palabra Más muestra cómo será la foto
con el efecto Transparencia. Haga clic en esa miniatura para aplicar el cambio a la
vista previa en el medio.
7. Haga clic en la miniatura de la izquierda, sobre la palabra Menos para cancelar el
efecto Transparencia o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

113
Cómo ajustar la profundidad de color

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
El efecto de profundidad de color le capacita para cambiar la profundidad de color de su
imagen. La profundidad de color de su oscila entre "color 1-bit" , lo cual reduce la imagen a
blanco y negro puro, y "color 32-bit" con la posibilidad de billones de colores. Usted puede
reducir la profundidad de color para ahorrar memoria o para dar un efecto moteado
interesante.
Para ajustar la profundidad de color:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Profundidad de color para mostrar el efecto Profundidad de color .
4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para aplicar la profundidad de color elegida a la foto de vista previa ubicada en el
centro.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
6. Haga clic en Borrar todo para cancelar todos los cambios, o
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo ajustar colores RGB


RGB quiere decir Red(Rojo), Green(Verde) y Blue(Azul) - los colores primarios en el espectro
de la luz. El monitor de su ordenador muestra colores basados en diferentes combinaciones
de estos colores primarios.
Use el efecto Ajustar color para aumentar ciertos valores de color en su imagen. El diálogo le
permite agregar rojo, verde y azul adicionales, y también sus colores complementarios -
aguamarina, fucsia y amarillo. Use este efecto para realzar una foto con colores
desequilibrados o para experimentar con ella para obtener efectos de color interesantes.
Para ajustar colores:
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Ajustar color para mostrar el efecto Ajustar color .
4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para incrementar el color elegido en la foto de vista previa ubicada en el centro.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
6. Haga clic en Borrar todo para cancelar todos los cambios, o
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.

Cómo ajustar matiz, saturación e intensidad (HSI)

114
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
HSI quiere decir Matiz ( Hue), Saturación (Saturation) e Intensidad ( Intensity), las cualidades
que hacen a la tonalidad de un color.
Use el efecto Ajustar color (HSI) para incrementar o disminuir el matiz, la saturación y la
intensidad de su imagen. . Use este efecto para avivar una foto opaca, o para atenuar una foto
con colores chillones. Experimente con este efecto para lograr el resultado apropiado con sus
colores.
Para ajustar matiz, saturación e intensidad (HSI)
1. Seleccione la foto.
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto
3. Haga clic en Ajustar color HSI para mostrar el efecto Ajustar color HSI .
4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para aplicar la opción a la foto de vista previa ubicada en el centro. Haga clic otra
vez para aumentar la medida. Usted puede hacer clic en cualquier combinación de
opciones.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
6. Haga clic en Borrar todo para cancelar todos los cambios, o
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Ver también
Cuando ajustar matiz, saturación e intensidad (HSI)

Cómo combinar efectos de foto


Usted puede aplicar cualquier número de efectos de foto a sus imágenes.

Aplique un efecto, luego haga clic en Efectos para mostrar el diálogo de Efectos de foto
otra vez.
Haga clic en Borrar todo para cancelar todos los efectos a la vez.

115
Cómo insertar texto nuevo
Cuando usted inserta texto nuevo, usted abre un nuevo cuadro de texto. Si usted quiere
agregar texto nuevo a un cuadro de texto existente, usted necesita modificar el texto.
Para insertar texto nuevo:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.

3. Haga clic en Insertar y haga clic en la página en el lugar donde quiere ubicar el
nuevo texto.
4. Se abre un nuevo cuadro de texto en el modo Editar.
5. Escriba su texto.
6. Cuando haya terminado, haga clic en cualquier parte de la página, fuera del cuadro de
texto o presione ESC.

Cómo modificar el texto


Hay dos formas de modificar el texto existente- usando el botón Modificar o haciendo doble
clic en el texto para abrirlo en el modo Editar.
Para modificar el texto con el botón Modificar:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.


3. Seleccione el texto a ser modificado.

4. Haga clic en Modificar para que el cuadro de texto entre en el modo Editar.
5. El texto aparece como negro sobre un fondo blanco, con un cursor intermitente
indicando dónde puede escribir.
6. Para agregar al texto, haga clic en el área del cuadro de texto donde usted va a
comenzar a escribir.
7. Para eliminar parte del texto, presione el botón Eliminar en su teclado o seleccione
texto con su ratón y escriba encima.
8. Para salir del modo Editar, haga clic en cualquier parte en la página, fuera del cuadro
de texto.
Sugerencia:
Haciendo doble clic en el menú de un cuadro de texto también lo cambia al modo Editar.
Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Cómo editar texto enriquecido
Texto de formato enriquecido.

Cómo editar texto simple

117
El texto en Web Easy está contenido en un cuadro de texto con un fondo transparente y con
controladores, como las imágenes, u otros elementos. Una vez que el texto está escrito,
usted puede mover el cuadro de texto alrededor de la página y tratarlo como uno de los
objetos en su página. Usted puede tener más de un cuadro de texto en una página.
Para trabajar con texto, seleccione Editar en la barra de tareas, luego haga clic en Texto. La
barra de herramientas despliega opciones para insertar, editar y manipular texto.
Si usted quiere:
Insertar texto
Haga clic en el icono Insertar en la barra de herramientas, luego coloque el cursor de texto en
la página, en el lugar donde usted quiere que comience el texto. Escriba su texto. Usted puede
luego cambiar su apariencia.
Modificar (Editar) texto
Para editar texto existente, haga doble clic en el texto, o seleccione el texto y luego haga clic
en el icono Modificar.
El cursor cambia a un cursor de texto y usted puede editar el contenido, agregando o
eliminando palabras, o corrigiendo errores de ortografía. Haga clic en cualquier otro lugar de la
página para terminar de editar.

Cambiar las propiedades de la fuente


Seleccione su texto, luego haga clic en el icono Fuente para ajustar las propiedades de la
fuente. Seleccione una cara para la fuente, estilo, color, tamaño y cualquier otro efecto
requerido por el diálogo.
Seleccionar rápidamente el tamaño de fuente
Para cambios de tamaño de texto rápidos, seleccione el texto y haga clic en Tamaño para
seleccionar rápidamente entre siete tamaños preestablecidos. Para mayores posibilidades de
elección en el tamaño de texto, use Propiedades de Fuente (ver arriba).
Cambiar Propiedades de relleno
Seleccione el texto, luego haga clic en Rellenar para cambiar el color, o para aplicar efectos
artísticos como texturas o degradados.
Cambiar justificación
Seleccione su texto, luego haga clic en Justificar para establecer la justificación horizontal
(Izquierda, derecha, Centro). El texto se volverá a alinear en relación a los límites del cuadro.
Agregar un vínculo
Seleccione su texto, luego haga clic en Vínculo para establecer un vínculo de hipertexto. El
vínculo se activará con un clic del ratón cuando el sitio Web terminado se exhiba en el
navegador de Internet.

118
Aplicar un efecto de sombra
Seleccione su texto, luego haga clic en Sombra para aplicar un efecto de sombra artística al
texto seleccionado.
Consejo:
Mantenga sus cuadros de texto más grandes que el área que ocupa el texto.. Usted necesita
este espacio extra porque algunos exploradores de Web pueden mostrar el texto en una
fuente mayor. Todo texto que no encaja en el cuadro de texto puede no ser mostrado
correctamente.

Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Texto de formato enriquecido.

Cómo editar texto enriquecido


Para trabajar con texto, seleccione Editar en la barra de tareas, luego haga clic en Texto. La
barra de herramientas despliega opciones La barra de herramientas despliega opciones para
insertar, editar y manipular texto.
Modificar (Editar) texto
Para editar texto existente, haga doble clic en el texto, o seleccione el texto y luego haga clic
en el icono Modificar.
El cursor cambia a un cursor de texto y usted puede editar el contenido, agregando o
eliminando palabras, o corrigiendo errores de ortografía. Haga clic en cualquier otro lugar de la
página para terminar de editar.
Hacer una selección.
Mientras todavía modifica el texto, haga clic en la posición en la que usted desea
comenzar y arrastre el ratón a la posición en que desea terminar la selección. Suelte el
botón del ratón.
La parte seleccionada del contenido está marcada por el área resaltada.
Ahora es posible aplicar varias herramientas para modificar el texto, fuentes o colores
como se explica a continuación.
Cambiar las propiedades de la fuente
Seleccione su texto, luego haga clic en el icono Fuente para ajustar las propiedades de la
fuente. Seleccione una cara para la fuente, estilo, color, tamaño y cualquier otro efecto
requerido por el diálogo.

Seleccionar rápidamente el tamaño de fuente


Para cambios de tamaño de texto rápidos, seleccione el texto y haga clic en Tamaño para
seleccionar rápidamente entre siete tamaños preestablecidos. Para mayores posibilidades de
elección en el tamaño de texto, use Propiedades de Fuente (ver arriba).
Cambiar Propiedades de relleno
Seleccione el texto, luego haga clic en Rellenar para cambiar el color, o para aplicar efectos

119
artísticos como texturas o degradados.
Cambiar justificación
Seleccione su texto, luego haga clic en Justificar para establecer la justificación horizontal
(Izquierda, derecha, Centro). El texto se volverá a alinear en relación a los límites del cuadro.
Agregar un vínculo
Seleccione su texto, luego haga clic en Vínculo para establecer un vínculo de hipertexto. El
vínculo se activará con un clic del ratón cuando el sitio Web terminado se exhiba en el
explorador de Internet.

Notas:
Hay límites para ciertos tipos de vínculos en Texto Enriquecido y algunos pueden comportarse
en forma diferente que los mismos vínculos aplicados a un texto simple.
Al usar herramientas de edición estándar cuando el texto enriquecido no está en modo Editar,
se aplicarán los cambios al contenido entero de la misma manera en que lo hace el texto
simple.
Sugerencia:
Mantenga sus cuadros de texto más grandes que el área que ocupa el texto.. Usted necesita
este espacio extra porque algunos exploradores de Web pueden mostrar el texto en una
fuente mayor. Todo texto que no encaja en el cuadro de texto puede no ser mostrado
correctamente o puede cambiar el diseño de la página Web.
Use la barra de herramientas de texto enriquecido del menú Herramientas para una edición
avanzada del contenido.
Use el menú contextual con el botón derecho del ratón para acceder a formato de texto HTML
avanzado, por ejemplo titulares, menús, lista de definiciones.

Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Texto de formato enriquecido.
Barra de herramientas de texto enriquecido

Texto simple
Texto simple es un elemento de diseño con la misma fuente, color y vínculo aplicados al
contenido entero del objeto. Es la forma más eficiente y flexible de colocar un texto y de
modificarlo en la página de documento de sitio Web .

Para modificar el texto:

1. Elija el cursor Selección.


2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento son
visibles.
3. Elija la herramienta con la cual modificar el estilo de texto:

Fuente y Color

120
Relleno con Color, Degradado o Textura

Vincular texto a documentos, elementos o a Internet

Mostrar sombra debajo del texto


Tamaño de fuente
Justificar el texto

Nota:
Texto simple con una sombra, degradado o textura se convierte siempre en una imagen al
construir un sitio Web HTML (ver Texto gráfico)
El texto simple puede ser convertido en un texto enriquecido en cualquier momento.

Ver también
Texto enriquecido
Cómo editar texto enriquecido
Texto gráfico
Formato de texto enriquecido

Texto gráfico
Texto gráfico es un elemento de texto simple o enriquecido con una sombra, degradado o
textura aplicada al contenido. El texto gráfico siempre se convierte en una imagen al construir
un sitio Web HTML..

Para convertir texto gráfico a texto simple:

1. Elija cursor de selección.


2. Haga clic en el elemento de texto gráfico. Los controladores alrededor del elemento
aparecen.
3. Elija la herramienta Rellenar y aplique Rellenar con color.

4. Elija la herramienta Sombra y desactive la sombra.


Sugerencia:
El texto enriquecido puede ser convertido a texto gráfico con sólo aplicar una sombra.
Vínculos a objetos incrustados o códigos personalizados también pueden convertir el texto en
otra clase de elemento.

Ver también

Texto simple
Texto enriquecido
Texto gráfico
Texto de formato enriquecido.

121
Texto enriquecido
El texto enriquecido ofrece muchas funciones de edición para realzar el texto. En particular
usted puede aplicar y mezclar juntos varias fuentes, tamaños y colores, como así también
aplicar vínculos a una parte del texto seleccionado, por ejemplo:
Este es un elemento de texto enriquecido

Para insertar un nuevo elemento de texto enriquecido:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto..

3. Haga clic en siguiente para Insertar un nuevo bloque de texto y elija


texto enriquecido.
4. Haga clic en el ratón en la posición en la cual usted quiere insertar el elemento.
5. Haga doble clic en el elemento para modificar el texto.
6. Finalice la edición y cambie el tamaño de los límites para ajustar el contenido.

Nota:
El texto enriquecido se usa frecuentemente para escribir y modificar en el lugar elementos
HTML avanzados como una lista, un párrafo o una tabla.

Sugerencia:
Use la barra de herramientas de texto enriquecido desde el menú Ver (al editar) cuando quiera
hacer modificaciones avanzadas del contenido.
Use el menú de contexto del botón derecho del ratón (al editar) para insertar regla o párrafo.

Ver también
Texto simple
Texto gráfico
Texto de formato enriquecido.
Barra de herramientas de texto enriquecido

Formato de texto enriquecido

Para convertir texto simple en texto enriquecido:

1. Elija cursor selección.


2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento
aparecen.
3. Active Formato de texto enriquecido del menú Modificar.
4. Un borde alrededor del elemento se agrega a los controladores para indicar que se
trata de un bloque de texto enriquecido.
Para convertir texto enriquecido en texto simple:

1. Elija cursor selección.

122
2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento
aparecen.
3. Active Formato de texto enriquecido del menú Modificar.
4. El borde alrededor del elemento se quita para indicar que se trata de un bloque de texto
simple.
Nota:
Usted también debe quitar la sombra, textura, degradado o vínculo incrustado que puedan
convertir al elemento en un texto gráfico.

Ver también
Texto simple
Texto enriquecido
Texto gráfico
Barra de herramientas de texto enriquecido

Barra de herramientas de texto enriquecido


La Barra de herramientas de texto enriquecido le asistirá en la edición avanzada de texto
enriquecido al dar formato a un texto, una lista o una tabla.
Para editar texto enriquecido:
1. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de
texto.
2. Abra Barra de herramientas de texto enriquecido desde el menú Ver.
3. Haga una selección del texto.
4. Haga clic en Tamaño de fuente para modificar el tamaño del texto.
5. Cierre la barra de herramientas de texto enriquecido en cualquier momento si no la
necesita.

Para edición de texto:

Lista de viñetas. Alterna una lista para dar formato para párrafos seleccionados.

Lista con números. Alterna una lista para dar formato a los párrafos seleccionados.

Aumenta sangría. Inserta sangría en el párrafo seleccionado.

Disminuye sangría. Disminuye la sangría en el párrafo seleccionado.

Estilo de fuente en negrita. Alterna cara de fuente en negrita para el texto


seleccionado.

Estilo de fuente en cursiva. Alterna cara de fuente en cursiva para el texto


seleccionado.

Cara de fuente. Modifica la fuente, el color y el tamaño del texto en la selección.

Color de la fuente. Modifica en color de la cara de la fuente en la selección.


Tamaño de fuente. Cambia el tamaño de la cara de la fuente para la selección.

Alinear texto. Alinear el párrafo a la izquierda, centro o lado derecho del rectángulo

123
de límites del elemento.

Para editar tabla:

Insertar tabla en texto enriquecido. Insertar una tabla nueva en la posición del
cursor.

Agregar fila de tabla. Insertar una nueva fila en la celda de tabla con el cursor.

Agregar columna de tabla. Insertar una nueva columna en la celda de tabla con el
cursor.

Eliminar fila de tabla. Eliminar la fila en la celda de tabla con el cursor.

Eliminar columna de tabla. Eliminar la columna en la celda de tabla con el cursor.

Tamaño de borde de tabla. Modificar el tamaño del borde de la tabla seleccionada.


El tamaño igual a cero removerá la líneas de la cuadrícula de la tabla.

Color de borde de tabla. Modificar el color del borde y la cuadrícula de la tabla


seleccionada..

Fondo de tabla Color. Modificar color y fondo de la tabla seleccionada. o modificar


el fondo del color de la celda con el cursor.

Margen interior de tabla. Modificar el margen interior para todas las celdas y de la
tabla seleccionada.

Alinear tabla. Alinear tabla a la izquierda, el centro o el lado derecho del rectángulo
de límites del elemento cuando se selecciona la tabla o se alinea el contenido de la
celda con el cursor.

Notas:
Para hacer una selección de texto haga clic y arrastre sobre el texto.. Al arrastrar más allá
de un límite de palabras se seleccionan palabras enteras.
Para seleccionar una celda para operaciones relacionadas con una tabla mueva el ratón
sobre el elemento hasta que el puntero se convierta en un rayo - I -, luego haga clic.
Para seleccionar una tabla o imagen mueva el ratón sobre el borde del elemento hasta que
el puntero se convierta en puntero con forma de cruz y luego haga clic. El objeto muestra los
controladores alrededor del elemento seleccionable..
Al agregar Fila/Columna dentro de la tabla se duplicarán las celdas de la fila o columnas
existentes, incluyendo todos los atributos.

Sugerencia:
Haga clic con el botón derecho del ratón para abrir el menú de contexto que contiene aún más
operaciones de formato de texto enriquecido.
La barra de herramientas de texto enriquecido puede ser usada solamente cuando usted está
editando elementos de texto enriquecido.
La barra de herramientas de texto enriquecido se cerrará automáticamente cuando usted haya
terminado de editar elementos de texto enriquecido.
Si usted ha cerrado la barra de herramientas de texto, usted puede mostrarla nuevamente
usando el menú Ver.

Ver también:

124
Texto simple
Texto de formato enriquecido.
Cómo editar texto enriquecido

Cómo mover texto alrededor


Cuando un texto está en modo Objeto, usted puede moverlo alrededor de la página como
cualquiera de los objetos en su página.
Para mover el texto alrededor:
1. Haga clic en un cuadro de texto una vez para seleccionarlo en modo Objeto.
2. Cuando está seleccionado, el cuadro de texto está rodeado de controladores.
3. Haga clic en el cuadro de texto y arrástrelo alrededor de la página hasta que esté en su
posición correcta.
4. Cancele la selección del cuadro de texto haciendo clic en otra parte de la página.

Cómo cambiar la cara del tipo o fuente:


El botón Fuente le permite cambiar la cara del tipo (también conocida como fuente) de su
texto. Usted también puede cambiar el color y el tamaño del texto, como así también agregar
efectos tales como negrita, cursiva, tachado y subrayado.
Para ajustar la fuente:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Elemento. No haga doble clic
en el texto. Usted no puede cambiar la fuente mientras el texto está en modo Editar.

4. Haga clic en Fuente para mostrar el diálogo Fuente.


5. Desplace hacia abajo la lista Fuente y haga clic en una fuente para seleccionarla.
6. Haga clic en un Estilo de fuente, como Negrita o Cursiva, si lo desea.
7. Haga clic en un Tamaño de fuente de la lista Tamaño, o escriba el tamaño que usted
desea.
8. Haga clic en las checkboxes Subrayado o Tachado, si lo desea.
9. Desplace hace abajo la lista Color y elija un color.
10. Mire la vista previa del texto en el área Ejemplo.
11. Haga clic en Aceptar cuando esté satisfecho con el resultado.

Cómo cambiar el color de su texto


Hay varias maneras de cambiar el color de su texto:
 Una forma rápida es cambiar el color usando el botón Fuente. Usted puede elegir entre
16 colores estándar.
 Si usted quiere una mayor variedad de colores, cambie su fuente usando el botón
Rellenar.
Para cambiar el color de su texto usando el botón fuente:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.

125
3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede cambiar el color mientras el texto está en modo Editar.

4. Haga clic en Fuente para mostrar el diálogo Fuente.


5. Desplace hace abajo la lista Color y elija un color.
6. Mire la vista previa del texto en el área Ejemplo.
7. Haga clic en Aceptar cuando esté satisfecho con el resultado.

Para cambiar el color de su texto usando el botón Rellenar:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto.
4. No haga doble clic en el texto. Usted no puede cambiar el color mientras el texto está
en modo Editar.

5. Haga clic en para mostrar el diálogo Rellenar.

6. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el
diálogo de Colores para aumentar la selección de colores.
7. Haga clic en Aceptar para aplicar el color al texto.

Cómo rellenar el texto con textura


Usted puede rellenar su texto enriquecido con una textura o una trama de la misma forma en
que rellena una forma.
Para rellenar el texto con textura:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede agregar una textura mientras el texto está en modo Editar.

4. Haga clic en para mostrar el diálogo Rellenar.


5. Haga clic en la ficha Textura para mostrar el diálogo Rellenar con textura.

6. Haga clic en para explorar y elegir una imagen para usar como la textura.
7. Haga clic en la imagen que usted desea usar y haga clic en Abrir.
8. Haga clic en Aceptar para aplicar el relleno de textura.

Nota:
Si usted agrega una textura para rellenar el texto - el texto se guardará como una imagen
cuando el documento se construya en un sitio Web a menos que usted construya su sitio
usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de
memoria y no puede ser seleccionado y copiado por visitantes.

Cómo rellenar un texto con un relleno de degradado


Usted puede rellenar su texto enriquecido con un relleno de degradado de la misma forma en
que rellena una forma.

126
Para rellenar un texto con un relleno de degradado:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede agregar un degradado mientras el texto está en modo Editar.

4. Haga clic en Rellenar para mostrar el diálogo Rellenar.


5. Haga clic en la ficha Degradado para mostrar el diálogo Rellenar con Degradado
6. Elija o escriba el color de comienzo y el color de fin.
7. Establezca el ángulo haciendo clic en el ejemplo de degradado o arrastrándolo.
8. Haga clic en Aceptar para aplicar el relleno de degradado .

Nota:
Si usted agrega un degradado para rellenar el texto - el texto se guardará como una imagen
cuando el documento se construya en un sitio Web a menos que usted construya su sitio
usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de
memoria y no puede ser seleccionado y copiado por visitantes.

Cómo cambiar el tamaño del texto


Hay tres formas de cambiar el tamaño de su texto:
 Cambiar el texto manualmente, arrastrando la esquina del cuadro de texto con su ratón
 Cambiar el texto con precisión, usando el diálogo Fuente
 Hacer clic en el botón de texto para seleccionar un tamaño preestablecido.
Para cambiar el tamaño del texto manualmente
1. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede cambiar el tamaño del texto mientras el texto está en modo
Editar.
2. Ponga su cursor sobre uno de los controladores en la esquina del texto.
3. Cuando su cursor está encima de un controlador de esquina, el puntero cambia a una
flecha de dos puntas.
4. Mantenga presionada la tecla ALT y arrastre el controlador de la esquina en una
dirección diagonal. Arrastre hacia adentro para reducir el tamaño o arrastre hacia
afuera para incrementar el tamaño.
5. Suelte el botón del ratón para aplicar la medida nueva.
Para cambiar el tamaño del texto usando el diálogo Fuente:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto

4. Haga clic en Fuente para mostrar el diálogo Fuente.


5. Haga clic en un tamaño de fuente de la lista Tamaño o escriba el tamaño que usted
desea.
6. Mire la vista previa del texto en el área Ejemplo.
7. Haga clic en Aceptar cuando esté satisfecho con el resultado.

127
Para cambiar el tamaño del texto usando los tamaños preestablecidos:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto
4. Haga clic en Tamaño . Una lista de tamaños preestablecidos se despliega hacia
abajo.
5. Elija una medida de la lista.

Cómo agrandar el cuadro de texto


El texto en los documentos de Web fluye dentro de un cuadro de texto. SI el cuadro de texto
es demasiado pequeño, parte del texto no se mostrará cuando el sitio Web se muestre en un
explorador de Web.
Porque los diferentes exploradores de Web muestran texto en diferentes tamaños, se
recomienda agrandar el cuadro de texto para permitir al espacio adicional que compense
estas diferencias .No es suficiente dejar espacio debajo o alrededor del bloque de texto
porque el cuadro de texto no se cambia de tamaño a sí mismo. El texto que no encaja dentro
del cuadro estará oculto.
Para agrandar el cuadro de texto:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto
4. Ponga su cursor sobre uno de los controladores en la esquina del texto.
5. Cuando su cursor está encima de un controlador de esquina, el puntero cambia a una
flecha de dos puntas.
6. Arrastre el controlador de la esquina hacia afuera en una dirección diagonal.
Nota:
Si usted no puede ver los controladores es que usted no ha seleccionado el texto, o
éste está en modo Editar. Haga clic en alguna parte de la página para salir del modo
Editar y haga clic en el texto una vez más.

Cómo justificar texto


Justificar texto significa alinearlo dentro del cuadro de texto. El texto puede ser justificado
hacia la izquierda, la derecha o el centro del cuadro de texto.
Se puede usar texto enriquecido para el formato del párrafo, objeto seleccionado o el texto en
la celda de la tabla.

Justifica Elemento Párrafo de Texto


r de texto enriquecid
Texto Texto enriquecid o
seleccion o Celda de
ado tabla
Izquierda sí sí sí
Centro sí sí sí

128
Derecha sí sí sí
Justificar sí
Arriba
Medio
Abajo

Para justificar texto:


Para cambiar el tamaño del texto usando el diálogo Fuente:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Texto.
4. Haga clic en Justificar .
5. Una lista se despliega hacia abajo, ofreciendo un selección de justificaciones. Elija
una de las opciones de la lista haciendo clic en ella.

Para justificar párrafo de texto enriquecido:


1. Abra la Barra de herramientas de texto enriquecido desde el menú Ver (al editar).
2. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de
texto
3. Haga una selección de párrafos o simplemente haga clic cerca del texto que usted
desea justificar .
4. Haga clic en Justificar Texto para justificar el texto a la izquierda, derecha, centro o
a la izquierda o la derecha del cuadro de texto.

Para alinear el texto en la celda de tabla:


1. Abra la barra de herramientas de Texto enriquecido del menú Ver.
2. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de
texto
3. Haga clic en la celda de tabla para hacer una selección.
4. Haga clic en Alinear tabla y elija Izquierda, Centro o Derecha para alinear el texto
horizontalmente en los límites de la celda de la tabla..
5. Haga clic en Alinear tabla y elija Arriba, Medio o Abajo para alinear el texto
verticalmente en los límites de la celda de tabla.

Nota:
Es posible tener muchos niveles de las configuraciones de justificación en el texto enriquecido
y algunas son exclusivas, por ejemplo: justificar el texto en el elemento seleccionado, justificar
el párrafo del texto, alinear el, texto en la celda de la tabla o hasta justificar el párrafo del texto
en la celda de la tabla.
El texto simple o gráfico no pueden ser justificados mientras se edita.

Cómo agregar sombras al texto


Usted puede agregar sombras a su texto, variando el color, la opacidad, el desenfocado y los

129
valores de offset.
Para agregar sombras al texto

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en para mostrar la barra de herramientas de Texto.


3. Haga clic una vez en el texto para seleccionarlo en modo Objeto

4. Haga clic en Sombra para mostrar el diálogo Rellenar.


5. Haga clic en la check box. Mostrar sombra. Una vista previa de la sombra aparece
bajo las palabras ‘Ejemplo de sombra’.
6. Arrastre los controles deslizantes para determinar la opacidad, el desenfoque, el offset
X y el offset Y de la sombra. Mantenga su ratón sobre un control deslizante para ver un
elemento emergente (pop-up) del valor seleccionado.

7. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en
para aumentar la selección de colores. a elegir.
8. Haga clic en Aceptar para aplicar la sombra.
Nota:
Cuando usted agrega una sombra a un texto:
 Si construye un documento en un sitio Web HTML, el texto se guarda como una
imagen.
 Si usted construye un documento en un sitio DHTML, el texto permanece en formato de
texto.

Listas con viñetas


Web Easy inserta automáticamente un formato de listas con viñetas en el texto simple si:
 Dos o más oraciones comienzan con ‘*’ o ‘-‘ ,
 El símbolo está seguido de un espacio, y
 Cada oración comienza en la misma posición.
Cuando el documento se construye dentro de un sitio Web, la lista se indenta
automáticamente
Para crear una lista con viñetas:
1. Escriba un símbolo, o ‘*’ o ‘-‘, y un espacio vacío.
2. Escriba el primer elemento de la lista.
3. Presione la tecla INTRO para comenzar una nueva línea.
4. Repita para el elemento de lista siguiente.

Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido

Listas con numeración


Web Easy inserta automáticamente un formato de listas numeradas en el texto simple si cada
oración comienza con un número, un punto y un espacio vacío, y si cada oración comienza en
una nueva línea.

130
Cuando el documento se construye dentro de un sitio Web, la lista se indenta
automáticamente y cualquier error que pueda haber en la numeración se corrige
automáticamente.
Para crear una lista con numeración:
1. Escriba un número (o una letra), un punto y un espacio vacío.
2. Escriba el primer elemento de la lista.
3. Presione la tecla INTRO para comenzar una línea nueva.
4. Repita el elemento siguiente en la lista.

Nota:
Cuando Web Easy inserta automáticamente un formato de listas numeradas, agrega una
línea extra antes y después del texto. Por lo tanto, usted debería agrandar el cuadro de texto
siempre luego de crear una lista.

Tipos de listas con numeración que usted puede crear:


Números Números Letras Letras
arábigos: romanos: mayúscula minúscula
s: s:
1. Uno I. Uno A. Uno a. Uno
2. Dos II. Dos B. Dos b. Dos
3. Tres II. Tres C. Tres c. Tres

Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido

Listas dentro de listas


Usted puede crear listas dentro de listas en texto simple, con la segunda lista
automáticamente indentada a un nivel más interior que la primera.
El segundo nivel de la lista puede ser una lista con viñeta o una lista con numeración. También
puede ser de la misma clase que la primera, pero cada elemento debe comenzar en una línea
nueva, después de un espacio vacío.
Para crear una lista dentro de otra lista:
Paso 1 - Crear la primera lista
1. Escriba un número (o letra), un punto y un espacio vacío. (O un símbolo de viñeta y un
espacio vacío).
2. Escriba el primer elemento de la lista.
3. Presione la tecla INTRO para comenzar una línea nueva.
4. Repita con el elemento siguiente en la lista.
5. Continúe hasta que la primera lista esté completa
Paso 2 - Crear la lista dentro de la lista
1. Coloque su cursor donde debe comenzar la segunda lista y luego presione la tecla
INTRO para comenzar una línea nueva.
2. Coloque su cursor al comienzo de la línea vacía.
3. Escriba un espacio vacío, un número (o letra), un punto y espacio vacío.

131
4. Escriba el primer elemento de la lista.
5. Presione la tecla INTRO para comenzar una línea nueva.
6. Repita con el elemento siguiente en la lista. Asegúrese de comenzar cada línea con un
espacio vacío.

132
Usted puede crear un tercer nivel en su lista. Simplemente comience cada línea con dos
espacios vacíos.

Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido

Sugerencias para el diseño de texto


 Es mejor usar fuentes comunes disponibles en su diseño.
Cuando diseñe sus páginas Web, tenga presente que algunas fuentes en su sistema
pueden no estar disponibles en otros sistemas. Si una fuente hermosa pero inusual se usa
en una página Web, cuando la página se vea en otro sistema sin esa fuente, otra fuente
la substituirá. Esto puede resultar en que el diseño aparezca poco atractivo (o peor aún) a
los otros.
 Planee usar tamaños de fuente diferentes en su diseño.
HTML especifica el tamaño de texto como un número simple que es interpretado de
acuerdo con la configuración individual del explorador. Lo que esto significa es que el
tamaño de fuente puede variar dentro de un rango de valores. Al establecer un tamaño
más grande para un elemento de texto que para otro elemento significa que éste
aparecerá como más grande en todos los sistemas, pero puede que no sea exactamente
del mismo tamaño. Cuanto más grande sea el bloque de texto, el efecto será mayor.
Teniendo en cuenta este efecto, cuando usted modifique texto, agrande el cuadro de texto
para permitir espacio extra. No es suficiente con dejar espacio debajo o alrededor del
bloque de texto, como el cuadro de texto no cambiará de tamaño por sí mismo. El texto
que no encaja dentro del cuadro desaparecerá.
 Trate de no superponer texto cuando diseñe un sitio Web HTML.
Superponer otro elemento sobre texto en sitios Web HTML puede producir resultados
inesperados.
Superponer texto sobre imágenes no produce un problema.
Esto no es un problema con sitios Web dinámicos o con CSS , ya que los elementos son
exportados separadamente.

137
Cómo agregar texto desde el Asistente de texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Una forma rápida y fácil de agregar texto a su documento es la de usar los elementos de texto
ya preparados, desde el Asistente de texto.
Para agregar texto:
1. Desplieque el Asistente de Texto.
¿Cómo?
2. Seleccione un catálogo desde la lista desplegable.
3. Seleccione el texto para insertar desde el cuadro de lista en el Asistente de texto.
4. Arrastre y coloque este texto dentro de su página, al lugar donde quiere colocarlo.

Cómo agregar su propio texto al Asistente de texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede personalizar su Asistente de texto agregando sus propias frases usadas a
menudo.
Para agregar su propio texto al Asistente de texto:
1. Agregar el texto a su página.
2. Presionar ESC para terminar de insertar su texto, luego haga clic una vez en el
elemento de texto para seleccionarlo en el modo Objeto.
3. Despliegue el Asistente de texto.
¿Cómo?

4. En el cuadro de la lista desplegable, seleccione el catálogo en el Asistente de texto


donde guardar el texto.
5. Haga clic en . El elemento seleccionado se agrega al catálogo en el Asistente de
Texto.

Cómo eliminar texto del Asistente de texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
1. Despliegue el Asistente de texto.
¿Cómo?
1. Selecione el catálogo en el Asistente de texto donde se encuentra el texto, por
ejemplo, Pesca.
2. Seleccione el texto a eliminar.
3. Haga clic en para eliminar el texto.

139
Cómo dibujar y editar formas

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Dibujar y editar formas es fácil con Web Easy.
Usted puede crear formas desde líneas rectas, curvas, polígonos o polilíneas, o dibujar
rectángulos y óvalos.
Usted puede editar las formas fácilmente arrastrando sus esquinas o ajustar los colores, el
grosor de línea y los rellenos rápidamente. Usted puede agregar sombras a las formas o
convertirlas en vínculos.

Es importante comprender que las formas que agregue serán guardadas como una imagen
cuando usted exporte su sitio.
Yo quiero:
Dibujar líneas rectas
Dibujar curvas
Dibujar polígonos
Dibujar polilíneas
Dibujar rectángulos
Dibujar óvalos

Cómo dibujar líneas

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
La herramienta de línea le permite dibujar líneas, polígonos, polilíneas, curva y curvas sólidas.
Para dibujar una línea recta:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


4. Haga clic en Línea para dibujar una línea recta.
5. Haga clic con su ratón en el lugar donde quiere comenzar la línea.
6. Arrastre el ratón en la dirección en que usted quiere que la línea continúe.
7. Mientras usted arrastra, una vista previa de su línea aparece en la forma de una línea
punteada.
8. Suelte el ratón para terminar de dibujar.

Sugerencia:
Mantenga presionada la tecla MAYÚS, mientras dibuja, para mantener la línea perfectamente
horizontal o vertical.

Cómo dibujar polígonos

141
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Un polígono es una forma cerrada, hecha de una colección de líneas rectas. La herramienta
polígono le ayuda a crear un polígono. Todo lo que debe hacer es indicar la ubicación de las
esquinas del polígono.
Para dibujar un polígono:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


4. Haga clic en Polígono.
5. Haga clic con su ratón en el lugar donde quiere que el polígono comience.
6. Haga clic otra vez para indicar la ubicación de la próxima esquina del polígono.
7. Continúe haciendo clic para agregar esquinas al polígono.
8. Haga doble clic con el ratón para cerrar el dibujo. Si su ratón no está en el lugar exacto
donde usted comenzó a dibujar, se dibuja una línea desde el punto de partida y el
punto donde usted hizo doble clic.

Cómo dibujar polilíneas

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Una polilínea es una línea hecha de una colección de líneas..Es similar a un polígono,
excepto que la forma no está cerrada al final. La herramienta polilínea le ayuda a crear una
polilínea. .Todo lo que debe hacer es indicar la ubicación de las esquinas de la polilínea.
Para dibujar una polilínea:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


4. Haga clic en Polilínea.
5. Haga clic con su ratón en el lugar donde quiere que la polilínea comience.
6. Haga clic otra vez para indicar la ubicación de la próxima esquina de la polilínea..
7. Continúe haciendo clic para agregar esquinas.
8. Haga doble clic con el ratón para cerrar el dibujo.

Cómo dibujar curvas

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede dibujar curvas fácilmente con la herramienta curva. Es como crear una polilínea,

142
excepto que las líneas son curvas y no derechas. Todo lo que usted debe hacer es clic para
indicar el lugar para las curvas.
Para dibujar una línea curva:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


4. Haga clic en Curva.para dibujar una línea curva.
5. Haga clic con su ratón en el lugar donde la línea se curva.
6. Haga clic otra vez para indicar la ubicación de la próxima curva en la línea curva..
7. Haga doble clic con el ratón para finalizar el dibujo.
8. Una vez que haya dibujado la curva, usted puede editarla fácilmente y ajustar los
ángulos de las curvas hasta que sea perfecto.
Nota:
Una línea curva necesita por lo menos un punto de partida, un punto de llegada y un punto
donde ocurre la curva. Si usted usa la herramienta curva y hace clic menos de tres veces, una
línea curva no se dibujará.

Cómo dibujar una forma curva sólida

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede dibujar formas curvas fácilmente con la herramienta de curva sólida. Es como
crear un polígono, excepto que las líneas son curvas y no derechas Todo lo que usted debe
hacer es clic para indicar el lugar para las curvas.
Para dibujar una forma curva sólida:.

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


4. Haga clic en Curva sólida.
5. Haga clic con su ratón en el lugar donde quiere comenzar la forma curva.
6. Haga clic otra vez para indicar la ubicación de la próxima curva en la forma.
7. Continúe haciendo clic para agregar curvas a la forma.
8. Haga doble clic con el ratón para finalizar el dibujo. Si su ratón no está en el lugar
exacto donde usted comenzó a dibujar, se dibuja una línea desde el punto de partida y
el punto donde usted hizo doble clic.
9. Una vez que haya dibujado la forma curva, usted puede editarla fácilmente y ajustar
los ángulos hasta que sea perfecto.

Cómo dibujar cuadrados y rectángulos

143
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede dibujar cajas de forma cuadrada o rectangular. Estas cajas pueden ser
contornos o cajas sólidas, rellenas de color. Usted puede cambiar el color de la caja o
rellenarla de un degradado o una textura de relleno.
Para dibujar un cuadrado o un rectángulo

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


 Seleccione Caja para dibujar una caja transparente, o
 Seleccione Caja sólida para crear una que está llena de color.
4. Haga clic con el ratón en el punto donde quiere comenzar a dibujar. Ese punto se
convertirá en una de las esquinas de su caja.
5. Arrastre el ratón en una dirección diagonal.
6. Mantenga presionada la tecla MAYÚS mientras dibuja para mantener los lados
proporcionales, para mantener un cuadrado perfecto.
7. Suelte el ratón para terminar de dibujar la caja.

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')

Cómo dibujar círculos y óvalos


Para dibujar un círculo o un óvalo

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.

3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas.


 Seleccione Óvalo para dibujar un óvalo transparente, o
 Seleccione Óvalo sólido para crear uno que está llena de color.
4. Haga clic con el ratón en el punto donde quiere comenzar a dibujar y arrastre el ratón
en una dirección diagonal.
5. Mantenga presionada la tecla MAYÚS mientras dibuja para lograr un círculo perfecto.
6. Suelte el ratón para terminar de dibujar .

Cómo editar una línea


Luego de haber dibujado una línea, usted puede cambiar su ángulo y su longitud.
Para editar una línea:
1. Haga clic en la línea que usted quiere editar.
2. Los controladores aparecen a cada lado de la línea.
3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una flecha

144
de doble punta.
4. Arrastre el controlador en cualquier dirección. Si lo aleja, la línea se estira en línea con
sus movimientos. Si usted mueve el ratón en una dirección diferente, la línea cambiará
su ángulo.
5. Suelte el botón del ratón para aplicar los cambios.

Ver también
Cómo cambiar el color de una línea

Cómo editar curvas


Luego de haber dibujado una línea curva, usted puede cambiar la longitud de la línea y los
ángulos de las curvas.
1. Para editar una curva:
1. Haga clic en la línea que usted quiere editar.
2. Los controladores aparecen en las curvas y en ambos extremos.
3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una
flecha de cuatro puntas.
4. Arrastre el controlador en cualquier dirección. Si lo aleja, la curva se estira en línea
con sus movimientos. Si usted mueve el ratón hacia afuera, la curva se vuelve más
aguda. Si lo mueve hacia adentro, la curva se vuelve más suave.
5. Suelte el botón del ratón para aplicar los cambios.

Cómo cambiar el color de una línea o el contorno de una forma


Usted puede cambiar el color de una línea o forma transparente de la misma forma que usted
cambia el color de una forma rellena. La diferencia es que usted sólo puede darle un color
sólido: las opciones de degradado y textura no están disponibles para objetos de línea. Si
usted quiere agregar un degradado o textura para rellenar una forma transparente, primero
deberá a cambiarla a una forma sólida.
Para cambiar el color de una línea o el contorno de una forma:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Formas.


3. Haga clic en el objeto para seleccionarlo.

4. Haga clic en para mostrar el diálogo Rellenar.

5. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el
diálogo de Colores personalizados para aumentar la selección de colores.
6. Haga clic en Aceptar para aplicar el color a la línea.

Cómo editar un polígono o polilínea


Luego de haber dibujado un polígono o una polilínea, usted puede ajustar las esquinas y
cambiar su forma.
1. Para editar un polígono o polilínea:
1. Haga clic en la forma que usted quiere editar.
2. Los controladores aparecen en las esquinas.

145
3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una
flecha de cuatro puntas.
4. Arrastre el controlador en cualquier dirección. Al moverlo, la forma se estira en
línea con sus movimientos.
5. Suelte el botón del ratón para aplicar los cambios.

Cómo agregar un relleno a una forma


Usted puede llenar una forma con una de las tres clases de relleno - color liso , degradado y
textura. Seleccione la clase de relleno que usted necesita en el diálogo Rellenar:
 Seleccione Color para rellenar la forma con un color individual. Usted puede
seleccionar un color del la lista Seleccionar color o crear su propio color personalizado.
 Degradado le permite rellenar la forma con un degradado entre un color de comienzo y
un color de fin. Seleccione los colores de comienzo y fin y establezca al ángulo del
degradado haciendo clic en el icono de ángulo de dibujo.
 Use una imagen para rellenar con una Textura. Haga clic con el botón de Explorar para
seleccionar otra imagen a usarse como una textura.
 Use una Trama para rellenar con un efecto de trama. Seleccione los colores del
primer plano y del fondo y luego escriba el la trama punteada.

Cómo cambiar el grosor de línea de una forma


Usted puede cambiar el grosor de una línea fácilmente.
Para ajustar el grosor de línea :

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
3. Seleccione la forma.

4. Haga clic en Estilo para mostrar el menú de Estilo.


5. Haga clic en el grosor de una línea para ajustar la línea a ese grosor.

Cómo convertir una forma linear en una forma sólida


La herramienta Estilo le permite convertir una forma linear en una forma sólida, rellena. Esta
acción es reversible - usted puede cambiarla de nuevo a un contorno.
Para convertir una forma linear en una forma sólida:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
3. Seleccione la forma.
4. Elija Forma sólida/Transparente del menú Modificar para alternar el estilo de forma.

5. Haga clic en Estilo y en el grosor de una línea para volver la forma a un contorno.

Cómo convertir una forma sólida en un contorno

146
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
La herramienta Estilo le permite reducir una forma sólida y rellena a un contorno. Esta acción
es reversible - usted puede cambiarla de nuevo a una forma sólida y su relleno original será
restaurado.
Para convertir una forma en un contorno:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
3. Seleccione la forma.
4. Elija Estilo para mostrar el menú de estilos de línea.
5. Haga clic en un grosor de línea para reducir la forma a un contorno de ese grosor.
6. Elija Forma sólida del menú Modificar para devolver el objeto a su forma sólida
original.

Cómo agregar sombras a una forma


Usted puede agregar diferentes clases de sombras a sus formas.
Para agregar una sombra:
1. Seleccione la forma o formas.

2. Haga clic en Sombra para mostrar el diálogo de sombra.


3. Haga clic en la check box ‘Mostrar sombra’. Una vista previa de la sombra aparece
debajo de las palabras "Ejemplo de sombra".
4. Arrastre los controles deslizantes para determinar la opacidad, el desenfoque, el offset
X y el offset Y de la sombra. Mantenga el ratón sobre un control deslizante para ver un
mensaje emergente del valor seleccionado.

5. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en
para elegir entre más colores.
6. Haga clic en Aceptar para aplicar la sombra.

147
Cómo organizar elementos sobre la página
Las fotos, formas y textos en su página son elementos que pueden ser movidos y
organizados. Usted puede agruparlos, alinearlos, espaciarlos en forma uniforme o reorganizar
el orden de sus capas
Yo quiero:
Alinear un grupo de elementos
Ubicar un elemento en el centro de la página
Organizar elementos con un espaciado uniforme
Agrupar una serie de elementos
Hacer elementos de idéntico tamaño
Cambiar el orden de las capas

Cómo alinear elementos


Los elementos pueden ser alineados uno con otro. Usted puede alinear elementos a lo largo
de sus bordes superior, inferior, derecho e izquierdo. Los elementos se alinearán en relación
con el que fue seleccionado por último.
Para alinear elementos:
1. Seleccionar los elementos para alinear. El último elemento seleccionado será el que
determine a los otros elementos a alinearse con él.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Alinear para mostrar la lista de posiciones de alineamiento - Superior,


Izquierda, Derecha e Inferior.
5. Seleccione una posición para alineamiento.

Ver también
Cómo alinear elementos a lo largo de sus centros

Cómo ajustar una selección


Web Easy le facilita hacer que los elementos se ajusten entre sí de una serie de formas.
Al usar el diálogo Ajustar, usted puede:
 Ajustar una imagen seleccionada a un marco o un marco a una imagen seleccionada.
 Alinear una selección de elementos a su punto central ya sea vertical u
horizontalmente.
 Espaciar uniformemente una selección de elementos ya sea vertical u horizontalmente.
 Ajustar una selección de elementos a una página para que llenen todo el espacio
disponible.
 Ubicar una selección de elementos en el centro de una página.
 Hacer dos elementos de tamaño idéntico.
Para ajustar una selección:

1. Haga clic en para mostrar la barra de herramientas de Edición.

149
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar
elementos.
3. Seleccione el elemento o los elementos a ajustarse.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en una ficha para traer uno de los cuatro diálogos al primer plano:
 Marco - para ajustar un marco a una foto o una foto a un marco.
 Selección - para alinear una selección de elementos a su punto central o para
espaciarlos de forma uniforme.
 Página - para ajustar una selección de elementos de modo que llenen la página o para
ubicarlos en el centro de la página.
 Medida - para hacer que los elementos sean de tamaño idéntico.
6. Seleccione una opción y haga clic en Aceptar.

Yo quiero:
Ajustar una imagen y un marco seleccionados
Alinear una selección de elementos a lo largo de sus centros
Espaciar uniformemente una selección de elementos
Encajar una selección de elementos a una página
Ubicar una selección de elementos en el centro de la página
Hacer dos elementos de idéntico tamaño

Cómo alinear elementos a lo largo de sus centros


Usted puede alinear un grupo de elementos a lo largo de sus puntos centrales. A diferencia
de la herramienta para alineamiento, que alinea los bordes de los elementos, esta herramienta
alinea sus centros con relación al punto central del último elemento seleccionado.
Para alinear elementos con respecto a su punto central:
1. Seleccione los elementos para alinear. El último elemento seleccionado será el que
determine a los otros elementos a alinearse con él.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Selección para traer el diálogo Ajustar selección al primer plano.
6. Seleccione:
 ‘Centrar la selección verticalmente, o
 ‘Centrar la selección horizontalmente.
7. Haga clic en ACEPTAR.
8. Los elementos se alinean a lo largo de sus centros.

Ver también
Cómo alinear elementos

150
Cómo espaciar elementos de forma uniforme
Si usted tiene varios elementos en la página, usted puede distribuirlos uniformemente para
que los espacios entre ellos sean idénticos. Usted puede espaciar cualquier clase de elemento
fotos, formas o cuadros de texto.
Para espaciar elementos de forma uniforme:
1. Seleccione los elementos para ser espaciados.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Selección para traer el diálogo Ajustar selección al primer plano.
6. Seleccione:
 ‘Espaciar la selección verticalmente, o
 ‘Espaciar la selección horizontalmente.
7. Haga clic en ACEPTAR para completar el procedimiento.
8. El o los elementos son espaciados uniformemente.

Cómo ajustar la selección a la página


Usted puede encajar una selección de elementos a la página para que ellos llenen todo el
espacio disponible.
 Si usted elije ‘Ajuste la selección a la página’, los elementos son estirados hasta
encajar en la página exactamente.
 Si usted elige Ajuste la selección proporcionalmente a la página’, los elementos
seleccionados mantienen sus proporciones anteriores. Puede que parte del espacio
quede vacío.
Para ajustar la selección a la página

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
3. Seleccione el o los elementos para ser encajado a la página.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano.
6. Seleccione:
 ‘Ajustar la selección a la página, o
 ‘Ajustar proporcionalmente la selección a la página.
7. Haga clic en ACEPTAR

151
Cómo centrar elementos
Usted puede ubicar un elemento o un grupo de elementos en el centro de la página.
Para ubicar un elemento en el centro de la página:
1. Seleccione el o los elementos a ser centrados.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano.
6. Seleccione: ‘Centrar la selección en la página’
7. Haga clic en ACEPTAR para completar el procedimiento.
8. Los elementos son movidos al centro de la página.
Ver también
Cómo alinear elementos a lo largo de sus centros

Cómo hacer que los elementos tengan idéntico tamaño


Usted puede cambiar el tamaño de los elementos rápidamente de manera que tengan idéntico
tamaño.
Para hacer que los elementos tengan idéntico tamaño:
1. Seleccione los elementos para ser convertidos a idéntico tamaño. El tamaño de los
elementos seleccionados estará de acuerdo con las medidas del último elemento
seleccionado..

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha Medida para traer el diálogo Ajustar medida al primer plano.
6. Seleccione: ‘Hacer de la misma medida’
7. Usted puede revertir este procedimiento haciendo clic en ‘Restaurar el tamaño original
de la imagen’.
8. Haga clic en ACEPTAR para completar el procedimiento.

Cómo cambiar el orden de las capas


Los elementos sobre una página están arreglados en capas. El primer elemento que usted
ubica sobre una página está en la capa inferior y el más reciente es ubicado en la parte
superior. Si usted arrastra un elemento sobre otro la capa más arriba de todas cubre la otra.
Usted puede reorganizar la forma en que las capas están apiladas. Usted puede tomar un
elemento y enviarlo una capa hacia arriba o hacia abajo, o enviarlo al frente o al fondo del

152
grupo entero.
Para cambiar el orden de las capas:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
3. Seleccione el elemento a ser movido hacia atrás o hacia adelante.
4. Haga clic en Ordenar para mostrar la lista de opciones de Capas.
5. Elija un elemento de la lista:
 Haga clic en Traer al frente para traer el elemento arriba de la pila de capas.
 Haga clic en Enviar atrás para enviar el elemento al fondo de la pila de capas.
 Haga clic en Traer adelante para traer el elemento arriba una capa.
 Haga clic en Enviar atrás` para enviar el elemento atrás una capa.
6. Haga clic en ACEPTAR para completar el procedimiento.
Barra de herramientas de capas
La Barra de herramientas de capas le asiste en editar los elementos sobre la página. Use
botones de selección para navegar a través de las capas o para ocultar provisionalmente los
elementos que oscurecen el diseño en las capas del fondo.

La barra de herramientas de capas está disponible desde el menú Ver en cualquier momento,
excepto cuando se edita texto enriquecido. Cuando se edite texto enriquecido habrá una barra
de herramientas de texto enriquecido en su lugar.

Sugerencia
Use el menú de contexto, en el botón derecho del ratón, para acceder las operaciones en las
capas.

Cómo agrupar elementos


Dos o más elementos pueden ser agrupados juntos en una entidad que se mueve alrededor
como un elemento individual. Usted puede editar un elemento agrupado, editando
simultáneamente todos los elementos que se agrupan en él.
Para agrupar elementos:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
3. Seleccione el o los elementos a ser agrupados.

4. Haga clic en Agrupar para mostrar las opciones de Agrupar - Unir y Dividir.
5. Haga clic en Unir para unir los elementos seleccionados.
6. Los controladores de selección aparecen alrededor del grupo de elementos. Ahora
pueden ser cambiados de tamaño o editados como un grupo.
Nota:
Usted puede ejecutar más funciones de edición en un grupo de elementos si los
elementos son del mismo tipo, por ejemplo, todas tonalidades o todas fotos. Por

153
ejemplo, si usted tiene un grupo de fotos y formas, usted puede llenar todas las formas
con el mismo relleno, pero no puede rellenar una foto. Similarmente, si usted agrupa
una foto y una forma, usted puede rotar la foto pero no la forma.

Cómo disolver un grupo de elementos


Un grupo de elementos que han sido unidos en un grupo puede ser disuelto fácilmente otra
vez.
Para disolver un grupo de elementos:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
3. Seleccione el grupo de elementos.

4. Haga clic en Agrupar para mostrar las opciones de Agrupar - Unir y Dividir.
5. Haga clic en Dividir para dividir el grupo.
6. Los controladores de selección aparecen alrededor del grupo de los elementos
individuales.

Cómo bloquear elementos


Un elemento bloqueado no puede ser seleccionado y editado. Está bloqueado en su lugar
hasta que usted elija desbloquearlo. Bloquear puede ser muy útil si usted tiene muchos
elementos en su página y quiere editar algunos de ellos sin mover accidentalmente aquellos
que están completados.
Para bloquear elementos:
1. Seleccione el elemento a bloquearse.
2. Haga clic en Bloquear desde el menú Organizar y elija Bloquear.
3. Los controladores de selección alrededor del elemento desaparecen. No puede ser
seleccionado o editado hasta que es desbloqueado.

Cómo desbloquear elementos


Los elementos que han sido bloqueados pueden ser fácilmente desbloqueados nuevamente.
Para desbloquear elementos:
1. Haga clic en Bloquear desde el menú Organizar y elija Desbloquear todo para
desbloquear los elementos bloqueados en la página.
2. Los controladores de selección reaparecen alrededor de los elementos bloqueados.
Éstos pueden ser ahora seleccionados y editados.
Nota:
Usted no puede desbloquear elementos individualmente bloqueados en Web Easy porque los
elementos bloqueados no pueden ser seleccionados.

Cómo mostrar la cuadrícula


La cuadrícula es una red de puntos en el fondo de su documento, que ayuda a alinear
elementos. La cuadrícula no puede ser impresa. No aparece cuando usted construye su sitio
Web y lo mira en un explorador de Web por Internet.
Usted puede elegir si desea o no mostrar la cuadrícula.

154
Para mostrar la cuadrícula:
1. Abra su documento.
2. Del menú Herramientas, elija Opciones.
3. Haga clic en la ficha Cuadrícula para traer el diálogo de Opciones de cuadrícula al
primer plano.
4. Haga clic en la checkbox ‘Mostrar trama de cuadrícula sobre la página.
5. Cambie el color de la cuadrícula, si lo desea, haciendo clic en un nuevo color desde las
cajas coloreadas al lado de ‘Color de trama’.
6. Cambie el espaciado de la cuadrícula si lo desea.
7. Haga clic en ACEPTAR.
Sugerencia:
Aunque usted no haya activado la visualización de la cuadrícula, usted puede ver la posición
de los elementos en el panel medio de la barra de estado. Por ejemplo, la entrada "35,250"
significa que la esquina superior izquierda del elemento seleccionado en ese momento está a
35 pixeles hacia adentro desde la izquierda de la página, y 250 pixeles hacia abajo desde la
parte superior de la página.

Cómo forzar elementos a la cuadrícula


Usted puede forzar elementos en su página para que se alineen con el espaciamiento de la
cuadrícula. Si usted activa la opción Forzar a la cuadrícula, los elementos serán forzados a
alinearse fácilmente a lo largo de las líneas de la cuadrícula cuando usted los mueve o los
cambia de tamaño.
Para activar Forzar a la cuadrícula:
1. Desde el menú Herramientas, elija Opciones.
2. Haga clic en la ficha Cuadrícula para traer el diálogo de las opciones de cuadrícula al
frente.
3. Seleccione la checkbox. ‘Forzar a la cuadrícula al mover o cambiar de tamaño‘.
4. Haga clic en ACEPTAR.

155
Acerca de los vínculos
Cuando usted agrega un vínculo a un elemento en un sitio Web, usted prepara las condiciones
para que algo ocurra, cuando un visitante haga clic en ese elemento.
Usted pude crear vínculos que salten a una ubicación distinta en su sitio Web, abran un sitio
diferente, comiencen un programa, ejecuten un archivo de sonido, y más...
Usted puede agregar un vínculo a cualquier elemento - un pedazo de texto, una foto, un
dibujo. Frecuentemente, los diseñadores agregan vínculos a los gráficos en la forma de
botones. Web Easy contiene una colección de botones para que usted los use en sus
vínculos. Mírelos en la carpeta de Botones, dentro de la carpeta de Imágenes Prediseñadas
que está dentro de su carpeta Web Easy, en su ordenador.
Nota:
Los vínculos solamente funcionarán después de que usted construya su documento dentro
de un sitio Web o sitio Web dinámico. Para probar los vínculos, construya su documento o
haga clic en el botón Vista previa en la barra de herramientas de Construir

Yo quiero:
Crear un vínculo a una página diferente en mi sitio Web
Crear un vínculo a otro sitio Web
Crear un vínculo que comienza un programa
Crear un vínculo a un archivo de sonido

Cómo elegir colores de vínculo


Cuando usted construye su documento Web en un sitio Web o sitio Web dinámico, usted
puede establecer los colores para vínculo - los colores del hipertexto.
Usted puede establecer tres colores diferentes, para:
 Un vínculo Estándar (uno que no ha sido usado antes en el mismo ordenador),
 Un vínculo que ha sido Visitado (ya se le ha hecho clic),
 Un vínculo que está Activo en el momento (el vínculo de destino todavía no ha sido
alcanzado).
Para cambiar el color de un vínculo:

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Construir para mostrar la barra de herramientas de Construir.

3. Haga clic en Sitio Web . El diálogo Construir aparece.


4. Para establecer o cambiar el color de los vínculos Estándar, Visitado y Activo, haga clic
en el bloque de color apropiado para mostrar el cuadro de diálogo de Color .
5. Escriba las otras configuraciones de Construir y haga clic en ACEPTAR.

Cómo agregar un vínculo a un elemento


Agregar vínculos a fotos, formas o textos. Cuando usted construya su sitio Web, estos
vínculos reaccionarán cuando los visitantes hagan clic en ellos: puede que salten a otra
ubicación, que comiencen un programa, reproduzcan un archivo de sonido, abran un sitio Web
diferente, y más cosas todavía.
Para agregar un vínculo:

157
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Seleccione el elemento al cual usted quiere agregar el vínculo.

3. Haga clic en Vínculos para mostrar el diálogo de Vínculos.


4. Seleccione:
 la ficha Navegar el documento para crear un vínculo para navegar el documento o
 la ficha Internet para crear un vínculo Internet.
 la ficha de Audio para agregar un Audio.
5. Seleccione el tipo de vínculo requerido, y escriba sus detalles.
Sugerencia
Hay un indicador acerca de cómo el vínculo debería abrirse en un explorador de Internet:

Mostrar destino en ventana nueva.


Mostrar destino en la misma ventana.
Usted puede cambiar una ventana de destino del explorador de Internet simplemente haciendo
clic en este icono.

Ver también
Cómo agregar un vínculo para navegar el documento
Cómo agregar un vínculo de Internet
Cómo agregar un vínculo de Audio

Cómo probar los vínculos


Los vínculos que usted agrega a su documento sólo funcionarán después de que usted los
construya dentro de un sitio Web HTML simple,dinámico o con CSS . Para probar rápidamente
si el vínculo funciona, cree una vista previa de su sitio Web.
Para crear una vista previa:

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Construir para mostrar la barra de herramientas de Construir.


3. Haga clic en Vista previa ., (o en el icono de su navegador predeterminado).

4. Haga clic en para que se seleccione ‘Todas las páginas.


5. Haga clic en ACEPTAR si se requiere confirmación.
6. Una vista previa de su sitio Web se muestra en su explorador de Web. Haga clic en
sus objetos vinculados para verificar que trabajan correctamente.

¡Importante!
La vista previa es solamente un documento provisorio. Todavía necesitará construir el
documento dentro de un sitio Web HTML simple,dinámico o con CSS para poder publicarlo en
Internet.

Ver también:
Asistente de mapa de sitio

158
Cómo usar el Asistente de mapa de sitio

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
El Asistente de mapa de sitio le permite ver, verificar y administrar todos los vínculos en su
documento. Elija una página y abra el Asistente de mapa de sitio para ver los vínculos a y
desde esa página. También puede modificar los vínculos desde dentro del Asistente de mapa
de sitio.
Para abrir el Asistente de mapa de sitio:

 Desde el menú Herramientas, seleccione Asistente de mapa de sitio


Ver también
Cómo ver los vínculos con el Asistente de mapa de sitio

Cómo ver los vínculos con el Asistente de mapa de sitio

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
El Asistente de mapa de sitio le facilita el control de los vínculos en su documento .Le
permite ver rápidamente los vínculos a y desde cada página.
Hay dos áreas de trabajo en el diálogo:
 Panel izquierdo - Jerarquía de los vínculos en la página seleccionada.
 Panel derecho - Lista de todos los vínculos desde la página seleccionada.
Los iconos usados para representar las páginas:

No hay vínculos desde esta página (usados también al denominar la página inicial
para el mapa de sitio).

La página es seleccionada como la Página Primaria para el sitio Web.

Una página del documento de sitio Web.

Para ver los vínculos en el sitio Web:

1. Desde el menú Herramientas, seleccione el Asistente de mapa de sitio.


2. El Asistente de mapa de sitio aparece, mostrando iconos de todas las páginas de su
documento.
3. Haga doble clic en el icono de la página para ver la jerarquía de los vínculos.
Para ver los vínculos desde una página seleccionada:
1. Haga clic con el botón derecho del ratón en la página del panel izquierdo.
2. Elija el elemento del menú Mostrar vínculos de página para ver los vínculos desde
la página.
Para establecer la página primaria del sitio Web:
1. Haga clic con el botón derecho del ratón en la página en el panel izquierdo.
2. Elija el elemento de menú Establecer página como página primaria para hacer
que esta página aparezca en primer lugar cuando usted ve su sitio Web.
Para cargar una página:

159
1. Haga clic en el icono de página en el panel izquierdo.

2. Haga clic en Mostrar página de documento . La página seleccionada está


cargada detrás del diálogo.
Para cambiar un vínculo:
1. Haga clic en un icono de página en el panel derecho. Usted puede seleccionar muchos
vínculos para modificar - mantenga presionada la tecla CTRL y haga clic en la página
que usted desea agregar a la selección.
2. Haga clic en Modificar Vínculo para abrir el diálogo vínculo. Haga los cambios
necesarios y luego haga clic en ACEPTAR para aceptar el cambio.
Para quitar un vínculo:
1. Haga clic en el icono de pagina del panel izquierdo. Usted puede seleccionar muchos
vinculos para edita 'rmantenga presionada la tecla CTRL y haga clic en la página que
usted desea agregar a la selección.
2. Haga clic en Quitar vínculo . Los vínculos eliminados pueden ser restaurados
mientras el Asistente de mapa de sitio esté activado.
Para resturar un vínculo eliminado:
1. Haga clic en el vínculo eliminado en el panel derecho. Usted puede restaurar muchos
vínculos eliminados' mantenga presionada la tecla CTRL y haga clic en la página que
usted desea agregar a la selección.

2. Haga clic Restaurar vínculo . Los vínculos eliminados son restaurados a su


definición inicial.
Mostrar el vínculo en la página del documento:
1. Haga clic en el icono de vínculo en el panel derecho.

2. Haga clic en Mostrar vínculo en documento . La página que contenía el vínculo


seleccionado se carga detrás del diálogo y los controladores de selección se presentan
alrededor de este elemento con este vínculo.

Notas
Usted no puede agregar nuevos vínculos al documento de sitio Web Site usando el Asistente
de mapa de sitio.
Estableciendo una página en su diseño para que sea la página primaria la forzará a aparecer
en primer lugar cuando su sitio Web se cargue en un explorador de Internet..

Yo quiero:
Agregar un vínculo a una página
Agregar un vínculo a un sitio Web
Agregar un vínculo de programa
Quitar un vínculo

Cómo quitar un vínculo


Para quitar un vínculo:

1. Haga clic en para mostrar la barra de herramientas de Edición.


2. Seleccione el elemento del cual usted quiere quitar el vínculo.

160
3. Haga clic en Vínculos para mostrar el diálogo Vínculos .
4. Seleccione la checkbox Nada .
5. Haga clic en ACEPTAR
Ver también:
Asistente de mapa de sitio

Cómo insertar auto vínculos


Web Easy ofrece una colección de auto vínculos - objetos vinculados listos para utilizar.
Estos objetos son botones o textos, y casa uno de ellos provee un vínculo a una página
diferente dentro del documento. Web Easy automáticamente calcula cuántas páginas existen
en el documento y crea el número correspondiente de vínculos.
Después de que usted inserte un auto vínculo, usted puede editar los vínculos o reemplazar
las imágenes.
Para insertar un auto vínculo:

1. Haga clic en Página para mostrar la barra de herramientas de Editar


Página.

2. Haga clic en Formas para mostrar la barra de herramientas de Editar formas.


3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto.
4. Haga clic en la ficha de Auto vínculo.
5. Haga clic en el nombre de un auto vínculo para verlo en el cuadro de vista previa.
6. Haga clic en Aceptar para elegir el objeto.
7. Haga clic en la página en el lugar donde usted quiere poner los auto vínculos.

Cómo establecer las propiedades del reproductor de


multimedia
El diálogo de las propiedades del reproductor de multimedia le permite personalizar el código
unido a un objeto incrustado tal como una película, sonido o video en tiempo real. Los
parámetros son presentados en dos columnas:
 Parámetro - un nombre descriptivo del parámetro.
 Valor - el valor real para el parámetro en el código personalizado.
Los valores de los parámetros marcados por la fuente en cursiva se llenan automáticamente
con el diálogo:

Obtenga un archivo especificado por el vínculo a un objeto


incrustado cuando el código se inicializa.
Almacene la especificación del nuevo archivo en la definición
de vínculo del objeto incrustado cuando el botón ACEPTAR
ha sido seleccionado.
Nota: usted debe mantener este archivo consistente con la
especificación de vínculo incrustado, de otra manera el
archivo puede no estar incluido en el paquete final del sitio
Web y el reproductor puede fracasar.

161
Obtenga el tamaño actual del elemento seleccionado cada
vez que el diálogo está abierto. Use esta función para
actualizar el elemento seleccionado cada vez que se abra el
diálogo. Use esta función para actualizar la configuración del
objeto después de cambiar el tamaño del portaespacio del
objeto incrustado.

Ayuda en línea - es posible que haya más información específica sobre el objeto en línea
(opcional).

Valores predeterminados - restaurar los datos iniciales para todos los parámetros en el
diálogo.

Quitar todo - eliminar todos los parámetros y el código personalizado asociado.


Para modificar las propiedades de un objeto:
1. Seleccione un elemento con el vínculo de objeto incrustado, por ejemplo película AVI.

2. Haga clic en Multimedia para mostrar la barra de herramientas de


Multimedia .
3. Haga clic en Propiedades del reproductor de multimedia para abrir el diálogo
de Propiedades del objeto incrustado.
4. El mensaje acerca del Reproductor de objeto compatible con el archivo incrustado
puede ser mostrado. Usted debe elegir ACEPTAR para agregar el código del
reproductor dentro del elemento seleccionado. Nota: la operación puede ser ignorada si
el reproductor apropiado no ha sido encontrado en los recursos del sistema.
5. Elija el reproductor que mejor se adapte a sus necesidades haciendo clic en el nombre
del reproductor actual, en la parte superior.
6. Modifique el valor de los parámetros.
7. Haga clic en ACEPTAR para guardar la configuración.

Para crear un objeto incrustado con el reproductor:


1. Inserte una imagen, la cual será usada como portaespacio.
2. Seleccione el elemento de imagen.

3. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


4. Asegúrese de que la ficha Internet esté seleccionada.
5. Asegúrese de que la checkbox Objeto incrustado esté seleccionada.

6. Haga clic en el botón Explorar y elija el archivo incrustado. Use archivo de video
o de audio.
7. Haga clic en Propiedades del reproductor para abrir el diálogo de las
Propiedades del objeto incrustado .

162
8. Elija el reproductor que mejor se adapte a sus necesidades haciendo clic en el nombre
del reproductor actual, en la parte superior.
9. Modifique el valor de los parámetros.
10. Haga clic en ACEPTAR para guardar la configuración.
Nota:
No todos los archivos son compatibles con las configuraciones del reproductor de multimedia.
Usted no debe modificar el código personalizado del elemento para continuar trabajando con
el diálogo de propiedades del objeto incrustado.

Visite el sitio Web de la compañía que entrega la aplicación de un filtro complementario, para
mayor información acerca de incrustar el objeto dentro de los exploradores de Internet.
Las direcciones de sitio Web para ayuda en línea eran correctas en el momento del
lanzamiento del software y pueden no trabajar correctamente en el futuro. Use motores de
búsqueda de Internet para encontrar más acerca de incrustar objetos en el sitio Web.

Sugerencia:
Después de cambiar el tamaño de un elemento con un archivo de media incrustado, vuelva a
configurar el reproductor otra vez. La configuración de tamaño se realiza automáticamente a
través del diálogo de propiedades del Objeto incrustado que refleja el alto y el ancho actual
del portaespacio.
Use arrastrar y colocar para configurar automáticamente el reproductor de objeto incrustado
que es compatible con el archivo que usted ha colocado.
Haga doble clic en el elemento con el reproductor de objeto para abrir las propiedades del
diálogo.

Ver también
Acerca de los vínculos
Cómo vincular un objeto incrustado

163
Cómo agregar un vínculo de navegación a un documento
Agregar un vínculo de navegación a un documento significa que los visitantes viendo su sitio
Web con sus exploradores de Web pueden hacer clic en ese elemento y saltar a otra página,
abrir otro documento o ejecutar un programa.
Para agregar un vínculo de navegación a un elemento:

1. Haga clic en para mostrar la barra de herramientas de Edición.


2. ¿Cómo?
3. Seleccione el elemento al que quiere añadir el vinculo.

4. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


5. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano.
6. Haga clic en una opción para seleccionar el tipo de vínculo, y entre detalles si es
necesario.
Tipo de vínculo Descripción
 Primera página Este vínculo lleva al
visitante a la primera
página del sitio Web.
 Página anterior Este vínculo lleva al
visitante a la página
anterior del sitio Web .
 Siguiente Este vínculo lleva al
visitante a la página
siguiente del sitio Web .
 Última Este vínculo lleva al
visitante a la última
página del sitio Web .
 Documento Este vínculo lleva al
visitante a una página
especificada en un
documento Web Easy
diferente.
 Página Este vínculo lleva al
visitante a a una página
especificada en el sitio
Web actual .
 Programa Este vínculo ejecuta un
programa.
 Nada Esta opción quita el
vínculo actual de la
selección.

Ver también
Cómo vincular a un documento
Cómo vincular a otra página
Cómo vincular a un programa

Cómo vincular a un programa

165
Usted puede vincular un elemento a un programa, de manera que cuando un visitante hace
clic en ese elemento, el programa comienza.
Para agregar un vínculo de programa:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano.
4. Haga clic en Programa.
5. Escriba la información del programa. O:
 Escriba la ruta de acceso al archivo ejecutable, o

 Haga clic en para explorar y seleccionar el archivo. Seleccione .exe del menú
Tipo de archivo al pie de la ventana de explorar. Seleccione el archivo de programa
ejecutable y haga clic en Abrir.
6. Haga clic en ACEPTAR.

Cómo vincular a un documento

Usted puede vincular un elemento a otro documento de Web Easy, de manera que cuando un
visitan te haga clic en el elemento, el documento se abra. Usted puede hasta especificar qué
página del documento va a abrirse.
Para agregar un vínculo a un documento:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano.
4. Haga clic en Documento.
5. Escriba la información del documento. O:
 Escriba la ruta de acceso y el nombre de archivo en el campo ¨Documento¨, o

 Haga clic en para explorar y encontrar el documento.


6. Defina la página a la cual quiere vincular, dentro del documento. O:
 Escriba el número de página en el campo ‘página’, o

 Haga clic en para ver vistas previas de las páginas. Haga clic en una de las vistas
previas y luego en ACEPTAR.
7. Haga clic en ACEPTAR.

Nota:
Vincular a otro documento Web Easy sólo funcionará dentro de ciertas condiciones.
 Ambos documentos, aquel desde donde usted coloca el vínculo y aquel a donde usted
vincula el primer documento, deben estar construidos dentro de la misma carpeta.
 Ambos documentos deben ser publicados dentro de la misma carpeta remota.
 El documento al cual usted está vinculando no debe cambiar su nombre
predeterminado para el paquete o el nombre predeterminado para la página a la cual
usted está vinculando.
Si usted no puede alcanzar los criterios antedichos, debería usar otra opción para vincular:
Vincular a sitio Web de Internet . Esto le permitirá escribir el URL del sitio con el que usted
está tratando de establecer un vínculo.

166
Cómo agregar un vínculo de Internet
Agregar un vínculo de Internet significa que los visitantes mirando su sitio Web pueden hacer
clic en ese elemento y saltar a otro sitio Web, abrir un archivo, o abrir una ventana de e-mail.
Para agregar un vínculo de Internet:
1. Seleccione el elemento al cual usted quiere agregar el vínculo.
2. Desde el menú Modificar, seleccione Vínculo para mostrar el diálogo de Vínculo.
3. Seleccione la ficha Internet.
4. Haga clic en una opción para seleccionar el tipo de vínculo requerido, y escriba sus
datos.
Tipo de vínculo Descripción
 Sitio de World Este vínculo lleva al
Wide Web visitante a otro sitio Web..
 Archivo Este vínculo se abre a un
archivo en el explorador
de Web del visitante o en
la aplicación
predeterminada para ese
tipo de archivo.
 E-mail Este vínculo abre una
nueva ventana de
mensajes para e-mail,
dirigidos a la dirección de
e-mail que usted
especifique.
 Nada Esta opción quita todos
los vínculos que fueron
destinados al elemento
seleccionado.
Ver también
Cómo vincular a un sitio Web
Cómo vinculara a un archivo
Cómo vincular a e-mail
Vínculos avanzados


Cómo vincular a un sitio Web


Usted puede vincular ,en un sitio Web, un elemento diseñado a abrirse en una nueva ventana
de explorador de Web..
Para agregar un vínculo a un sitio Web:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano.
4. Haga clic en el botón de radio ‘Sitio World Wide Web site’ para escribir la dirección de
sitio Web.

5. Escriba la dirección URL del sitio Web o haga clic en para explorar por una
dirección que ya esté guardada en su ordenador .

168
6. Usted también puede elegir una dirección del menú Favoritos. Haga clic en para
agregar una dirección a Favoritos o en para quitar una.
7. Haga clic en ACEPTAR.

Cómo vincular a e-mail


Usted puede vincular un elemento a una dirección específica de e-mail. Cuando un visitante
haga clic con el elemento, una ventana de e-mail se abre, encabezada con esa dirección.
Para agregar un vínculo de e-mail:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano.
4. Haga clic en E-mail para crear un vínculo a e-mail.
5. Escriba la dirección de e-mail. O
 Escriba la dirección de e-mail. o

 Haga clic en y elija una dirección entre las direcciones en su libreta de direcciones
de e-mail, o
 Haga clic en la flecha para elegir una dirección de e-mail desde su lista de
Favoritos..
Haga clic en para agregar una nueva dirección de e-mail desde su lista de Favoritos o
para quitar una.
6. Haga clic en ACEPTAR.

Cómo vincular a un archivo


Usted puede vincular un elemento a un archivo.
Si el tipo de archivo es compatible con filtros en los exploradores de Web de los visitantes,
éste se abrirá en una nueva ventana en su explorador de Web.
En caso contrario, ellos verán un diálogo, donde se les pregunta que elijan entre guardar el
archivo a su disco local o abrir el archivo en la aplicación predeterminada para ese tipo de
archivo.

Para agregar un vínculo a un archivo:


1.
 Escriba la ruta de acceso y el nombre de archivo en el campo ‘Nombre de archivo’, o

 Haga clic en para explorar y encontrar el archivo.


6. Haga clic en ACEPTAR.

169
Vínculos avanzados
Web Easy le ofrece también opciones de vínculos sofisticados para usuarios avanzados -
imágenes incrustadas, objetos incrustados y códigos.
Para agregar un vínculo avanzado:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano.
4. Haga clic en una opción para seleccionar el tipo de vínculo requerido, y escriba sus
datos.

Tipo de vínculo Descripción


 Objeto incrustado Un objeto incrustado en la
página Web ejecuta el
archivo en la misma
ubicación que el elemento
conteniendo el vínculo.
 Imagen incrustada Un archivo de imagen
recupera una imagen
específica desde otro sitio
Web de Internet Web
para verla como parte de
su página Web.
Use un vínculo de imagen
incrustada si usted quiere
implementar contadores
de visitas en su página
Web.
 Código Si usted conoce Java
Script y HTML, usted
puede escribir sus
propios códigos y crear
un vínculo para llamarlos.

Ver también
Cómo vincular a un objeto incrustado
Cómo vincular a una imagen incrustada
Cómo vincular a un código

Cómo vincular una imagen incrustada


Una imagen incrustada es un vínculo a una imagen ubicada en otro sitio Web, en una
dirección distinta.
Para incrustar una imagen, reserve un espacio para ella insertando una foto y luego vincule la
foto a la imagen.
Cuando su sitio Web se publique en la Web, su foto será reemplazada por la imagen
incrustada.
Esta opción se usa frecuentemente para incrustar un contador de visitas basado en un código
CGIt.Pida la especificación correcta para el contador a su ISP. Usted también puede
encontrar muchos contadores de visitas gratis en la WWW.

171
Para crear una imagen incrustada:
Insertar una foto y cambiarle el tamaño hasta aproximadamente la misma medida en que la
imagen será mostrada en esa posición.
Nota:
Debe ser una foto o imagen. Usted no puede reservarle un espacio con una forma dibujada
con las herramientas de dibujo.
1. Seleccione la foto.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano.
4. Haga clic en Imagen incrustada .
5. Escriba la dirección de la imagen que usted quiere incrustar en esa posición.
6. Haga clic en ACEPTAR.
Notas:
Usted debería tener cuidado de incluir imágenes tomadas de otros sitios Web. Usted debería
saber si el elemento tiene los derechos de publicación protegidos, y si es necesario, obtener el
permiso para usarlo.
Si usted incrusta una imagen del sitio Web de otra persona y luego la quita, su imagen
también desaparecerá.

Ver también
Cómo agregar un contador de visitas a su sitio Web

Cómo vincular un objeto incrustado


Una de las características más excitantes de HTML es la posibilidad de incrustar archivos con
filtros especiales en sus sitios Web, por ejemplo, archivos de multimedia. Para incrustar un
objeto, reserve un espacio para él insertando una foto y luego vinculando la foto al objeto.
Cuando usted construya el documento, el objeto aparecerá en su página Web en lugar de la
foto.
Nota:
Usted puede incrustar cualquier clase de archivo que le guste, pero recuerde que los visitantes
sólo podrán ver el archivo si sus exploradores de Internet tienen los filtros apropiados. Las
convenciones de la ‘cortesía de Web ’ sugieren incluir una vínculo a un sitio donde los
visitantes puedan descargar el filtro complementario apropiado.
Para crear un objeto incrustado:
Insertar cualquier foto para reservar espacio para el objeto y cambiarle el tamaño hasta obtener el
tamaño apropiado. La foto sirve como un portaespacio y no será visible en el sitio Web.
Nota:
Debe ser una foto o elemento de imagen prediseñada. Una forma dibujada con las
herramientas de dibujo no puede ser vinculada a un objeto incrustado.

1. Seleccione la foto.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano.
4. Haga clic en Objeto incrustado .

5. Escriba la ruta de acceso y nombre de archivo o haga clic en para explorar y


localizar el archivo.
6. Haga clic en ACEPTAR.

172
Ver también
Cómo configurar un reproductor de objeto incrustado

Cómo agregar un contador de visitas a su sitio Web


Un contador de visitas cuenta cuántas veces ha sido visitado su sitio Web. El contador
funciona siendo conectado a un ordenador que hospeda un programa de contador. Cuando
usted ubica un contador sobre su sitio Web, usted debe crear un vínculo desde su contador a
ese programa.
Muchos de los proveedores de servicios de Internet ofrecen este servicio. Algunos cobran por
él, y algunos lo ofrecen gratis. Use un motor de búsqueda para encontrarlos bajo palabras
clave tales como: "counter free visitors" y solicite un contador.
Web Easy ofrece una imagen estándar de Contador de visitas. Este contador sólo funcionará
bien después de que su sitio Web haya sido construido y publicado en la Internet, y usted lo
haya vinculado a un proveedor de servicios de Internet que ofrezca tal servicio.
Para agregar un contador de visitas:
Paso 1 - Agregar la imagen del contador

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto.
4. Haga clic en la ficha Artilugios para traer ese tópico al primer plano.
5. Haga clic en Contador de visitas.
6. Haga clic en ACEPTAR
7. Haga clic en la página en el lugar donde quiere poner el contador.
Paso 2 - Vincular el contador con el sitio hospedando el programa del contador
1. Seleccione la imagen del contador.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de vínculos de Internet hacia el
primer plano.
4. Haga clic en Imagen incrustada.
5. Escriba la dirección del programa requerido para ejecutar el contador. Para mayor
información, contacte el proveedor de servicios de Internet que le ha dado el permiso
de vincular a su programa.
6. Haga clic en ACEPTAR
Nota:
Cuando usted Construye el sitio, asegúrese de seleccionar "Sitio Web dinámico de Internet" .
Esto facilitará el funcionamiento del objeto Contador (y cualquier otro objeto dinámico).

Cómo vincular a un código

173
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Vincular a un código le permite vincular un elemento a un evento de objeto.
Escribir su código le da más control sobre la apariencia de su sitio Web. Le permite agregar
especificaciones HTML que no están incluídas en Web Easy, tales como bordes alrededor de
imágenes o espacio vertical y horizontal .
¡Importante!
No use este diálogo a menos que tenga conocimientos de código HTML y comprenda la
estructura del documento HTML.. Los códigos que usted escribe en este diálogo pueden
sobrescribir los procedimientos del programa e impedir que Web Easy funcione
correctamente.
Para crear un vínculo a un código:
1. Seleccione el objeto que desea vincular al código.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Internet para traer el diálogo de vínculos Internet hacia el
primer plano.
4. Haga clic en Código.

5. Escriba su código en el campo ‘Código’ o haga clic en para abrir el Asistente de


código personalizado .
6. Haga clic en ACEPTAR
Ver también
Cómo usar el Asistente de código personalizado

Cómo usar el Asistente de código personalizado

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de código personalizado para crear sus propios procedimientos de código y
para crear vínculos que los conectan. Usted puede crear códigos para el código.de origen,
eventos de ¨body ¨o eventos de objeto.
¡Importante!
No use este diálogo a menos que tenga conocimientos de código HTML y comprenda la
estructura del documento HTML.. Los códigos que usted escribe en este diálogo pueden
sobrescribir los procedimientos del programa e impedir que Web Easy funcione
correctamente.
Recomendaciones:
 Antes de usar el Asistente de código personalizado, construya su sitio Web y lea el
código HTML de origen.. Haga una lista de nombres de procedimiento usados por Web
Easy, para evitar usarlos en sus códigos.
 Evite usar comandos comenzando con <.Si tales comandos están vinculados con una
imagen, ellos sobrescribirán la definición de imagen.
 Verifique si algún efecto ya está aplicado a objetos antes de vincularlos a los códigos.
Por ejemplo, si usted escribe un código: "OnMouseOver" para una imagen rollover,
usted sobrescribirá el efecto rollover..
Para abrir el Asistente de código personalizado

 Desde el menú Herramientas seleccione Asistente de código personalizado

174
Nota:
Usted también puede abrir el Asistente de código personalizado desde el interior del diálogo
Vínculo.

175
Cómo crear formularios
Si usted sabe cómo escribir códigos en HTML y Java Script, usted puede usar los formularios
ya preparados y los campos individuales provistos por Web Easy. Cada campo recibe un
código predeterminado que usted puede reemplazar usando el Asistente de código
personalizado.
Paso 1 - Inserte un formulario:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para mostrar la barra de herramientas de Editar formas.


3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto.
4. Haga clic en la ficha Formulario para mostrar formularios completos.
5. Haga clic en el nombre de un objeto para verlo en el cuadro de vista previa.
6. Haga clic en ACEPTAR.
7. Haga clic en la página para ubicar el objeto.
Notas:
En la mayoría de los casos puede ser suficiente modificar la forma usando el Inspector. Elija
Inspector desde el menú Ver para abrir la ventana e investigar parámetros y atributos para
los elementos de Forma y Campo cuando estos elementos son seleccionados.
Paso 2 - Editar códigos con el Asistente de código personalizado:
1. Seleccione el campo a editarse.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Herramientas para mostrar la barra de herramientas del


Asistente.

4. Haga clic en Código . El Asistente de código personalizado se abre.


Sugerencia:
Usted también puede mostrar el Asistente de código personalizado haciendo clic con el
botón derecho del ratón en el campo y seleccionando Acerca del elemento y Código.
1. Edite el código y haga clic en ACEPTAR.
2. Repita para todos los campos que desee cambiar.

Cómo construir sitios Web con formularios

Si su documento incluye formularios escritos en HTML, entonces usted debería construir esas
páginas en HTML Simple, HTML con CSS o XHTML con CSS. Los códigos pueden no
trabajar correctamente si usted construye esas páginas en un sitio DHTML.
Sin embargo, usted no necesita renunciar a todos los efectos especiales que están
disponibles en DHTML.. Simplemente construya dos documentos separados. Construya su
sitio Web principal en DHTML, y vincúlela a un documento secundario, construido en HTML,
conteniendo formularios y otros códigos. Cuando usted publique sus sitios Web, asegúrese de
que la página principal esté definida como la página primaria.
Cuando usted publique sus sitios Web, asegúrese de que la página principal se defina como
página primaria.

177
Cómo agregar sonido
Usted puede agregar sonido a su documento en dos formas:
 Vincule un clip de audio a una página de modo que reproduzca el sonido cuando la
página se ve en un explorador.
 Vincule un clip de audio a un elemento en la página.

Web Easy incluye una colección de clips de audio, entre ellos música y efectos de sonido. Use
un clip de audio para capturar su propio sonido con un micrófono.

Ver también
Cómo agregar sonido a los elementos
Cómo agregar sonido a las páginas
Cómo capturar sonido con un micrófono

Cómo agregar sonido a los elementos


Usted puede vincular un clip de audio a un elemento tal como una foto, texto o forma.
Para agregar sonido a un elemento:
1. Seleccione el elemento al cual usted quiere vincular el clip de sonido.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha Audio para traer el diálogo de Audio en el primer plano.
4. Haga clic en Efectos de sonido y música.
5. Escriba la ruta de acceso y el nombre de archivo o nter the path and file name o haga

clic en para explorar y seleccionar un archivo de audio.

6. Haga clic en para probar el archivo. Haga clic en para detener la reproducción
del archivo.
7. Haga clic en ACEPTAR
Para eliminar el archivo, seleccione Deshacer, desde el menú Edición, o, si el archivo ha sido
guardado, seleccione el elemento, luego vaya a Vínculos-Audio y seleccione Nada para quitar
el vínculo.

Los clips de audio se operan de forma diferente en los sitios Web HTML y DHTM:
 En los sitios Web HTML, cuando un visitante hace clic en el elemento, aparece un
reproductor de audio (o éste puede ser descargado) y el visitante puede reproducir el
clip de audio.
 En los sitios Web DHTML, cuando el cursor se mueve sobre el elemento, el audio clip
reproduce automáticamente. (Esta clase de vínculo rollover no es compatible con
Netscape actualmente).

Ver también
Cómo vincular archivos de audio vinculando a un archivo

Cómo quitar un clip de audio de un elemento


Usted puede quitar fácilmente un clip de audio de un elemento.
Para quitar un clip de audio de un elemento:

179
1. Seleccione el elemento al cual usted quiere vincular el clip de sonido.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha Audio para traer el diálogo de Audio en el primer plano.
4. Haga clic en Nada.
5. Haga clic en ACEPTAR.

Cómo agregar sonido a las páginas


Cuando usted agrega sonido a una página, el sonido se reproduce en el fondo cuando la
página se muestra en el explorador de Web. Web Easy incluye una colección de clips de
audio, entre ellos música y efectos de sonido.

Para agregar sonido a una página:

1. Haga clic en para mostrar la barra de herramientas de Edición

2. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

3. Haga clic en Audio para mostrar el diálogo de Audio de fondo.


4. Haga clic en la checkbox ‘Activar audio del fondo de la página’

5. Escriba la ruta de acceso y nombre de archivo o haga clic en para explorar y


seleccionar el archivo de audio.
6. Haga clic en "Repetir" si desea que su muestra de audio se repita interminablemente
cuando la página se muestra.

7. Haga clic en para probar el archivo.


8. Haga clic en para detener la reproducción del archivo.
9. Haga clic en ACEPTAR.

Cómo capturar sonido con un micrófono

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Cree su propia narración para sus sitios Web y presentaciones de diapositivas grabando su
voz con un micrófono. Guarde el sonido capturado como un clip de audio y cree un vínculo
hacia él en sus documentos - ya sea como fondo de página o como un vínculo de sonido
adjunto a un objeto.
Para capturar sonido:

1. Desde la barra de herramientas de Editar, seleccione Multimedia para mostrar


la barra de herramientas de Multimedia.

2. Haga clic en Grabar .


3. El diálogo de Grabar sonido aparece.

4. Haga clic en Grabar para comenzar a grabar.


5. Cuando usted vea la palabra ‘¡Ya!’, comience a hablar.

180
6. Haga clic en Detener para detener la grabación.
7. Escriba la ruta de acceso a la carpeta donde usted desea almacenar el clip de audio o

haga clic en para explorar y encontrar la ubicación deseada.


8. Escriba un nombre para el clip de audio. Asegúrese de mantener la extensión .WAV .
9. Haga clic en ACEPTAR.

Luego de guardar el clip de audio, usted puede vincularlo a objetos o páginas.

Ver también
Cómo agregar sonido a los elementos
Cómo agregar sonido a las páginas

Cómo quitar sonido de las páginas


Usted puede quitar fácilmente el fondo de sonido de una página.
Para quitar sonido de las páginas:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Página para mostrar la barra de herramientas de Editar Página.

3. Haga clic en Audio para mostrar el diálogo de Audio de fondo.


4. Haga clic en la checkbox ‘Activar audio del fondo de la página’, para desactivarla.
5. Haga clic en ACEPTAR

181
Cómo vincular archivos de audio vinculándolos a un archivo
El vínculo de sonido rollover en los sitios DHTML se opera por un componente Activo X , el
cual no es compatible con Netscape en este momento.
Para que los usuarios de Netscape puedan escuchar su vínculo de sonido en un sitio DHTM ,
ellos deben reproducir el clip de audio con un reproductor de sonido externo, como en un sitio
HTML.. Para que esto ocurra, usted necesita vincular el clip de audio creando un vínculo a
Archivo, en vez de un vínculo a Efectos de sonido y música.
Para vincular un clip de audio a ser reproducido con un reproductor externo:
1. Seleccione el elemento.
2. Abra el diálogo de vínculos y haga clic en la ficha Internet.
3. Haga clic en la opción Archivo.

4. Haga clic en .
5. Elija Todos los archivos en el campo ‘Tipos de archivo’ en el Diálogo explorar.
6. Explore hasta el clip de audio y haga clic en Abrir.
7. Haga clic en ACEPTAR.

183
¿Qué es RSS?
RSS, o distribución realmente simple (Really Simple Syndication:RSS ),o resumen de sitio
enriquecido (Rich Site Summary, RSS) es un método que permite a los usuarios de su sitio
Web a que se suscriban y obtengan provisión de RSS feeds (alimentación) . RSS es
conveniente para esos sitios Web que cambian y agregan contenido frecuentemente.
Los usuarios necesitan un navegador compatible o un lector RSS para recibir alimentación
RSS( feeds). Por ejemplo, los navegadores de Web que pueden leer RSS feeds son Firefox y
Opera.

Ver también
¿Cómo integro RSS en mi sitio?

¿Cómo agrego un icono y un vínculo RSS a mi página?

Usted quizás quiera poner un icono en su sitio Web donde la gente pueda hacer clic, en su
página Web, para agregar el RSS feed. Esto funcionará solamente si el usuario tiene un
navegador capacitado para RSS, tal como Firefox o Opera.
Para hacer esto usted necesita encontrar una imagen para usar como el icono de alimentación
RSS, y agregar un vínculo a este icono, que vincule al archivo RSS que será creado y a la
ubicación donde usted los publicará.
Por ejemplo, el vínculo puede ser al archivo 'http://'www.v-
com.com/newproducts/WebEasy6.xml'. Es importante que usted no vincule al archivo. xml
local generado por Web Easy, porque este puede estar desactualizado ya que no es creado
hasta después de que usted construya su sitio.
Ver también
Cómo agregar un vínculo a un elemento
¿Cómo integro RSS en mi sitio?
¿Por qué mi RSS no funciona?
¿Cómo verifico que mi RSS está funcionando?
Cómo editar manualmente mi archivo RSS
Solución de problemas RSS

¿Cómo verifico si mi RSS está funcionando?

Usted necesitará construir y publicar su sitio Web para verificar que el RSS feed en su sitio
Web está funcionando.
Una vez publicado, necesitará una aplicación que sea compatible con la detección y lectura de
RSS feeds. Navegadores populares como Firefox y Opera detectan y leen RSS feeds en los
sitios web.
Al usar un navegador de Web o un lector RSS, usted debe ser capaz de visitar su sitio Web y
su navegador de Web o lector de RSS deberían detectar su RSS feed publicado.

Ver también
¿Por qué mi RSS feed no funciona?

185
¿Cómo integro RSS en mi sitio?

RSS (Really Simple Syndication, es decir, Distribución realmente simple) es un método que
permite a los usuarios de su sitio Web a que se actualicen con las últimas noticias e
información. RSS feeds (alimentación, o fichero de texto) puede incluir cualquier información,
pero usualmente se trata de las últimas noticias acerca de su compañía o sitio Web.

Para usar RSS feeds en su sitio Web, usted debe diseñar sus páginas en una forma que Web
Easy pueda reconocer lo que ha de establecerse como el título de cada elemento de RSS
feed y el contenido de cada elemento en el feed, . Web Easy usa un algoritmo autómata para
determinar el contenido del RSS feed. Esto está basado en el texto que ha sido agregado a su
página Web.

Para ayudar a que Web Easy reconozca su contenido RSS correctamente, usted debería
tener el texto de su título como una descripción corta, de una línea, y sin vínculos. Debajo de
este título, usted debe ubicar el contenido (descripción) para el elemento de RSS feed. La
descripción puede ser un texto multilíneas que describa el tópico del elemento de RSS feed.
Por ejemplo, un título de elemento de texto y descripción sobre una página Web podría tener
este aspecto:

"Vea nuestra nueva línea de joyas por un precio menor de $50"

Tenemos una estupenda gama de joyería de grandes diseñadores


de todo el mundo. Hemos conseguido mantener el precio
debajo de los $50 para cualquiera de estos artículos, así que ¡apúrese
y aproveche las ventajas de esta gran oferta!"

Después de completar la página Web que tiene todos sus temas para el RSS feed, usted
debe asegurarse de que esta página se configura para construir su RSS feed junto con todos
los otros archivos necesarios para publicar su sitio. Para hacer esto, siga estos pasos:
1. Abra el Inspector y asegúrese de que está viendo la página con los elementos de texto
de RSS feed .
2. En el Inspector, haga clic en el ícono superior derecho y seleccione Página actual de
modo que usted pueda configurar la páginas.
3. Bajo la categoría Configuración de página, en las propiedades de Página actual,
localice la entrada Canal RSS.
4. Haga doble clic en el campo Canal RSS para traer la lista de opciones disponibles. -
Usar texto de página, Usar texto de página e ícono, y Excluído. Seleccione uno de
éstos. Cuando usted vuelva a construir su sitio Web, el RSS feed se creará basado en
esta selección. Para mayor información acerca de estas configuraciones, siga leyendo.
Las configuraciones del Canal RSS son:
 Usar página de texto. Web Easy analizará los elementos de texto en la página Web y
recolectará todos los elementos de texto de línea individual (con sus elementos de
texto multilínea que los acompañan) para crear un archivo XML de RSS feed .
 Usar texto de página e ícono. Web Easy analizará los elementos de texto en la
página Web recolectará todos los elementos de texto de línea individual (con sus
elementos de texto multilínea que los acompañan) para crear un archivo XML de RSS
feed .Además, Web Easy agregará un vínculo de imagen al RSS feed. Este vínculo de
imagen será o una pequeña miniatura de la página Web o el ícono favorito como está
especificado en la las propiedades de la página Web
 Excluído. Web Easy no generará un archivo XML RSS Feed para esta página.
El nombre del archivo XML RSS Feed será el mismo de la página Web pero con una

186
extensión de .xml
.Para que su RSS feed funcione, asegúrese de que ha entrado en el URL base de sitio en el
Inspector con la dirección que usted va a publicar. Para hacer esto:
1. Abra el Inspector.
2. En el Inspector, haga clic en el ícono superior derecho y seleccione Documento.
3. Dentro de la categoría Construir sitio Web en las propiedades del documento, busque
la entrada URL base de sitio
4. Haga clic en el campo de URL base de sitio para escribir el URL con el cual será
publicado su sitio. Estp requiere que su RSS feed funcione correctamente. Será en el
formato 'http://www.mysite.com/'. Si esto no se escribe, el lector de RSS puede no
encontrar el contenido requerido.
Sugerencia:
Para prevenir resultados inesperados usted deberá exportar su página como HTML con CSS o
XHTML con CSS al usar esta función.
También es posible establecer el RSS para cada página de una sola vez configurando las
propiedades del documento en el Inspector.

Ver también

¿Cómo integro RSS en mi sitio?


¿Cómo verifico si mi RSS está funcionando??
Why doesn't my RSS feed work?
Manually editing my RSS file
Troubleshooting RSS

Cómo editar manualmente mi archivo RSS

Si usted está familiarizado con editar el código XML, usted puede editar el archivo RSS XML
antes de publicar su sitio. Esto le permitirá tener control total de los títulos, el contenido y los
vínculos, y usted puede personalizar el código para que se adapte a sus necesidades
específicas.
Sugerencia
Si usted construye su sitio Web una segunda vez, este archivo será sobrescrito y usted deberá
realizar los cambios nuevamente. Puede que usted desee hacer una copia del archivo. RSS
XML así usted no pierde sus cambios.

¿Por qué mi RSS no funciona?

Hay un número de razones por las que el RSS feed que usted ha seleccionado puede no
estar trabajando.
 Usted no especificó un URL base de sitio. Esto resultará en vínculos sin resolver en el
código XML.
 El archivo RSS XML no ha sido publicado en la ubicación del URL base de sitio . Esto
resultará en vínculos sin resolver en el código XML
 Usted no ha construido su sitio Web Site con estilo de construcción CSS .

Ver también

187
¿Cómo integro RSS en mi sitio?
¿Cómo verifico si mi RSS está funcionando?
Cómo editar manualmente mi archivo RSS
Cómo construir un sitio con estilo CSS

188
Cómo agregar comercio electrónico al sitio Web

Al agregar la función de comercio electrónico a su sitio Web usted capacita a los usuarios a
que adquieran sus productos en línea. Esto involucra registrarse con un distribuidor de
comercio electrónico que manejará el procesamiento de los pagos Web Easy incluye vínculos
a diferentes distribuidores entre los cuales usted puede elegir uno. La idea es que usted
diseñe su sitio Web usando Web Easy, y que incluya botones Compre ahora o Agregue al
carro para cada producto que esté vendiendo.

Nota:

Haga clic en el botón de Ayuda para distribuidor de comercio electrónico en línea para
aprender más acerca de los requerimientos específicos para el distribuidor de comercio
electrónico y para aprender acerca de su serie de objetos de comercio electrónico. Advierta
que algunos distribuidores pueden no tener todos los objetos que se describen a continuación,
de modo que los pasos que se describen deben usarse solamente como una guía.

En general, se requieren los siguientes pasos para crear una tienda ¨online¨ o virtual en un
documento de sitio Web.
1. Abra el documento de sitio Web.

2. Haga clic en para mostrar la barra de herramientas de Edición.

3. Haga clic en Comercio electrónico para mostrar la barra de herramientas de


Comercio electrónico.
4. Haga clic en Seleccione distribuidor de comercio electrónico y siga los pasos
para designar al distribuidor que más se adapte a sus necesidades.
5. Regístrese con el distribuidor para usar sus servicios.
6. Siga las instrucciones del distribuidor acerca de cómo establecer su servicio de
comercio electrónico en Internet. En algunos casos usted debe crear y trasladar la
Base de datos de un producto antes de diseñar su sitio Web. Los valores inscritos
en la base de datos del producto frecuentemente se usan cuando se agregan los
objetos del distribuidor a su sitio Web (vea los pasos a continuación).
7. Cree una nueva página dedicada a vender los productos en su documento de sitio
Web. Ubique los nombres de los productos, descripciones, fotos y precios en esta
página.
8. Haga clic en para insertar un objeto de tienda virtual Compre ahora o Agregue al
carro por cada producto en venta. Posiblemente se le pida que escriba algunos
detalles, por ejemplo el ID (identificación)de un producto, o SKU como se ha definido
en la base de datos del servidor del distribuidor. Algunos distribuidores simplemente le
requerirán que usted suministre su dirección de e-mail , y el nombre y precio del
producto.

Nota: Haga clic en el botón de Ayuda en línea en el diálogo de Propiedades de


objeto para aprender más acerca del objeto del comercio electrónico y sus parámetros.
9. Inserte botones de Ver orden de compra y Caja para completar el diseño de
tienda virtual.
Nota: Este paso puede no ser requerido por algunos distribuidores de comercio
electrónico.
10. Construya su sitio Web a archivos HTML y publíquelo en Internet.

190
11. Verifique y pruebe su sitio Web con una solución de tienda virtual.

Sugerencias:
La lista de objetos recomendados para crear una solución de comercio electrónico puede
variar de distribuidor a distribuidor, en particular, los botones Ver orden de compra y Caja
pueden no ser requeridos.
Los parámetros para los objetos de tienda virtual variarán de distribuidor a . Algunos
distribuidores pueden pedirle que usted cree una base de datos del producto en el servidor de
ellos, antes de crear un sitio Web con compras por Internet y otros no se lo pedirán.

Nota:
Cuando usted establezca su sitio Web de comercio electrónico, tenga cuidado de elegir un
distribuidor que se adapte a sus necesidades. Verifique los sitios Web de los distribuidores
para determinar sus términos y condiciones, y los honorarios que cobran.
Por favor tenga en cuenta que todos las reglas y exigencias de su país y de la ley
internacional imponen en las actividades de negocios del comercio electrónico.
Usted debe eliminar o editar los objetos de demostración de comercio electrónico que han
sido agregadas a los documentos de plantilla. Estos objetos no funcionarán correctamente en
Internet sin la configuración formal requerida por el distribuidor de comercio electrónico.
Usted no debería ubicar sobre la página de diseño otros Objetos Formulario que los que
figuran en la lista bajo el nombre del distribuidor. Mezclar los objetos puede generar
definiciones de formularios HTML inconsistentes o anidadas y la página Web puede no
funcionar correctamente en Internet.
Para modificar las propiedades de un objeto existente de tienda virtual:
1. Seleccione el elemento que va a modificar en su página.

2. Haga clic en Comercio electrónico para mostrar la barra de herramientas de


Comercio electrónico.
3. Haga clic en Propiedades del objeto de comercio electrónico para abrir el
diálogo de propiedades.
4. Modifique los valores de los parámetros de acuerdo a lo requerido.
5. Haga clic en ACEPTAR para guardar las configuraciones.

Ver también
Cómo establecer las propiedades de objeto de comercio electrónico
Cómo insertar un vínculo dinámico, para una forma alternativa de integrar una solución de
comercio electrónico, especialmente con distribuidores que no figuran en la lista del Asistente
de distribuidor de comercio electrónico.

Cómo establecer las propiedades de objeto de comercio


electrónico

El diálogo de Propiedades del código del objeto de comercio electrónico le permite


personalizar los parámetros usados para un elemento seleccionado. Los parámetros se
presentan en dos columnas:
 Nombre - un nombre descriptivo del parámetro.
 Valor - el valor real para el parámetro..
Para modificar las propiedades de un objeto de comercio electrónico existente:

191
1. Seleccione el elemento que va a modificar en su página.

2. Haga clic en Comercio electrónico para mostrar la barra de herramientas de


Comercio electrónico.
3. Haga clic en Propiedades del objeto de comercio electrónico para abrir el
diálogo de propiedades.

4. Haga clic en el botón de Ayuda en línea para aprender más acerca del objeto y
sus parámetros.
5. Modifique los valores de los parámetros de acuerdo a lo requerido.
6. Haga clic en ACEPTAR para guardar las configuraciones.
Nota:
Usted debe consultar a su distribuidor de comercio electrónico acerca del significado de los
parámetros y cualquier requerimiento para la información que usted está por escribir.

Terminología:
SKU Abreviación para Unidad de mantenimiento de stock (Stock Keeping Unit). Este
es el código, usualmente alfanumérico, de un producto particular que permite
controlar a un producto, con el propósito de hacer un inventario. Típicamente, se
asocia un SKU con cualquier producto que se puede adquirir, en una tienda o un
catálogo.Por ejemplo, una blusa de mujer de un estilo y medida particular, puede
tener un SKU de "3726-8", lo que significa"Estilo 3726, medida 8."
Base de datos Una lista de productos ubicada en el servidor del distribuidor que contiene la
del información necesaria para adquirir el producto en Internet, por ejemplo, el
producto nombre y el precio del producto. La mayor razón para tener una base de datos
del producto por separado es para seguridad en el control de la orden de compra.
ID del Identificación única del producto para la venta. Usualmente definida por la base
Producto de datos de un producto.
Nombre del Nombre único del producto para identificar el elemento en la lista de orden de
Producto compra del cliente.
Carro de Lista de los elementos a ser comprados. Usualmente el cliente comprará todos
compras estos elementos seleccionados usan do una transacción electrónica. Ejemplos de
tal funcionalidad son los botones Compre o Ordene ahora o

Ver también
Cómo establecer las propiedades del código de objeto
Cómo agregar comercio electrónico al sitio Web

192
Cómo crear mensajes emergentes
Usted puede crear sus propios mensajes emergentes. Un mensaje emergente es una ventana
de texto que aparece cuando un ratón hace una pausa sobre una imagen.
1. Seleccione el elemento al cual desea agregar el mensaje emergente.
2. Abra el Inspector.
¿Cómo?
3.Haga clic en la ficha de Propiedades del Asistente del Inspector.
4. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Selección.
5. Debajo de las propiedades de Elemento, busque el título Html.
6. Escriba el texto allí y será usado como un mensaje emergente cuando se vea a través de
un navegador de Web.

Un método alternativo para crear un mensaje emergente:


1. Ubicar una foto en la página.
¿Cómo?
2. Inserte el texto para el mensaje emergente, cuidando de que tenga menos de 512
caracteres. Asegúrese de que el cuadro de texto sea más pequeño que la foto.
¿Cómo?
3. Arrastre el cuadro de texto a la misma ubicación de la foto. Asegúrese de que la foto
está arriba.
¿Cómo?
4. Haga vista previa o construya la página para probar el mensaje emergente.
Cuando el sitio Web es visto en un navegador de Web, el mensaje emergente aparece
automáticamente cada vez que un ratón hace una pausa sobre una imagen.

Cómo insertar una imagen GIF animada a un documento

Una imagen GIF animada incluye imágenes múltiples dentro de un archivo GIF individual.
Cuando se ven en una página Web, la "corriente" de imágenes funciona como marcos en una
secuencia animada.
Web Easy provee una selección de imágenes GIF animadas que usted puede insertar en sus
documentos, También hay muchos sitios en Internet que le permiten usar sus imágenes GIF
animadas.
Usted puede incluir imágenes GIF animadas. en cualquier clase de sitio Web - ya sea un sitio
HTML común o un sitio DHTML dinámico.
Para insertar una imagen GIF animada:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Photo para mostrar la barra de herramientas de Editar foto..

3. Haga clic en Insertar , y seleccione GIF animado.


Sugerencia:
Haciendo clic en el menú Insertar y seleccionado Componente y GIF animado. realizará
misma tarea.
4. Se abre un diálogo Explorar .. Explore hasta encontrar la imagen GIF animada que
usted quiere insertar.

195
5. Haga clic en ACEPTAR
6. Haga clic en la página donde quiere insertar la la imagen GIF animada
Nota:
Usted puede ver la animación usando el reproductor de multimedia.
Sugerencia:
Los usuarios avanzados pueden crear sus propias imágenes GIF animadas. usando el
Asistente de GIF animado

Cómo insertar una película en un documento


Usted puede insertar una película u otro archivo de multimedia en su documento usando el
diálogo Insertar foto.
Para insertar una película en un documento:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Foto para mostrar la barra de herramientas de Editar foto..

3. Haga clic en Insertar , y seleccione Foto, como para insertar una foto nueva.
4. Se abre el diálogo Elegir imagen
5. Seleccione Archivos multimedia’ entre los tipos de archivo del menú.
6. Explore hasta encontrar la película que usted quiere insertar.
7. Haga clic en ACEPTAR
8. Haga clic en la página donde quiere insertar la película
Notas:
La película no funcionará en el documento hasta que haya sido construida. Para una vista
rápida de la página Web con la película, haga una vista previa del sitio Web haciendo clic en el
botón Vista previa en la barra de herramientas de Construir.
Sugerencia:
Esta función no es compatible con Netscape. Si usted que los usuarios de Netscape vean la
película, usted puede incrustarla como un objeto incrustado usando el diálogo Vínculo.
Ver también
Acerca de vínculos
Cómo vincular un objeto incrustado
Cómo configurar el reproductor de multimedia

Cómo insertar un objeto


Web Easy incluye una selección de objetos ya preparados que pueden ser insertados en un
documento. Estos varían desde un diseño simple de elementos, como separadores de página
coloridos, a elementos avanzados, tales como formularios.
Para insertar un objeto:

1. Haga clic en para mostrar la barra de herramientas de Edición

2. Haga clic en Formas para mostrar la barra de herramientas de Editar Formas.


3. Haga clic en Insertar Objeto para mostrar el diálogo de Insertar Objeto.
4. Elija una ficha para mostrar un grupo de objetos, por ejemplo Animaciones o Vínculos
automáticos.

196
5. Seleccione el objeto que usted quiere insertar y haga clic en ACEPTAR

Objetos que pueden ser insertados incluyen:


 Elementos animados - por ejemplo, mover textos que usted puede reemplazar con su
propio texto para crear un sitio Web DHTML excitante y dinámico .
 Vínculos automáticos en la forma de bolas, balas o números. Web Easy
automáticamente calcula el número de páginas en su documento y crea un vínculo a
cada página.
 Separadores - ahorre tiempo usando separadores prediseñados, algunos de ellos son
animados.
 Elementos - elementos incrustados ya preparados tales como contador de visitas.
 Formularios HTML - inserte formularios completos o campos y módulos individuales.
Los campos de formularios, usualmente con el código HTML/JavaScript predefinido,
están listos para ser usados con cambios mínimos. La modificación de parámetros, por
ejemplo su dirección de e-mail necesaria para que el formulario sea efectivo, pueden
ser hechos con el Asistente de código personalizado el cual está disponible solamente
en la edición completa del software. Usuarios del las ediciones limitadas deberán
eliminar el formulario e insertarlo de nuevo para poder escribir la dirección de e-mail
correcta.
 Juegos - al insertar juegos, su sitio Web será aún más impresionante. Recuerde, sus
visitas deben instalar un filtro complementario Shockwave para poder jugar.
 Barras de navegación - barras de navegación prediseñadas con botones que pueden
convertirse en vínculos.
 tiendaonline - objetos predefinidos para agregar comercio electrónico a su sitio Web. La
lista de objetos depende del distribuidor seleccionado y de sus servicios .
 Portapapeles - los últimos pocos elementos copiados para referencia, en el momento
de la operación. Al insertar el objeto se ejecutará una copia completa del elemento o
elementos original(es), incluyendo la organización del grupo, animación o efectos.
Sugerencia: ubicar la copia en la exacta posición del origen del objeto. Presione la tecla
CTRL key y haga clic en cualquier lugar de la página de diseño.

Cómo ver archivos multimedia


El reproductor de mulltimedia le permite ver los archivos de multimedia (películas, archivos
Quick Time, archivos de sonido, imágenes GIF animadas, etc.) insertados en una página
mientras la página todavía está en forma de documento.
Para ver archivos multimedia:

1. Desde la barra de tareas de Editar, haga clic en Multimedia para mostrar la


barra de herramientas de Multimedia.
2. Seleccione el archivo multimedia y haga clic en Reproducir para reproducir el
archivo.
3. Haga clic en Pausa para hacer pausa o en Detener para detener la reproducción
del archivo..

Los tipos de archivo que pueden ser reproducidos incluyen .WAV, .MID, .AVI, .TGA, .MOV y
otros formatos multimedia conocidos

Cómo insertar un vínculo dinámico

197
Con la ayuda de algunos distribuidores en Internet, usted puede agregar componentes a su
página que están
actualizados dinámicamente por sitios terceros. Esto puede incluir cosas como noticias,
informes del tiempo, precios de la bolsa o publicidad,etc. Al insertar un vínculo dinámico en
sus sitio, usted también puede dirigir sus visitantes a tiendas online y servicios en Internet. Si
su sitio atrae elevado volumen de tráfico esto le resultará provechoso.
Para insertar un vínculo dinámico:
1. Haga clic en el Componente, en el menú Insertar.
2. Elija Vínculos dinámicos.
3. Aparece el Asistente de vínculo dinámico.
4. Siga las instrucciones en su pantalla para insertar un vínculo dinámico.

198
Acerca de los sitios Web dinámicos
Un sitio Web dinámico es uno que usa DHTML, Lenguaje Etiquetado de Hipertexto. (Dynamic
Hypertext Markup Language: DHTML). DHTML permite la animación de los elementos en su
página Web.
Un sitio Web dinámico puede incluir:
 Objetos animados
 Texto animado
 Imágenes rollover - imágenes que cambian cuando usted las toca con el ratón.
 Transiciones entre páginas
 Objetos que hacen fundido de entrada o salida usando efectos dinámicos HTML
 Paneles de navegación.
 Escenas.
Con DHTML, usted puede crear un sitio Web que funcione como una presentación de
multimedia o una presentación de diapositivas.
Para crear un sitio Web dinámico:
1. Diseñe un documento, tal como usted diseñaría un documento para convertirlo en un
sitio Web común. La diferencia es que usted puede incluir rasgos extra, los que no
funcionarían en un sitio Web común HTML .
2. Construya el documento en un sitio Web dinámico, asegurándose de que verifica la
opción ‘Construir como HTML dinámico’.
3. Publíquelo en Internet.

Ver también
Acerca de los rasgos DHTML

200
Acerca de los rasgos DHTML
Los rasgos especiales descriptos en esta sección solamente funcionarán en sitios Web
dinámicos (DHTML). Si usted quiere usar estas características, asegúrese de que cuando
construye un documento para hacer un sitio Web, usted selecciona la opción ‘Construir como
HTM dinámico’ .

Yo quiero:
Crear transiciones entre las páginas
Animar objetos en el sitio Web
Crear texto en movimiento
Aplicar efectos HTML dinámicos
Crear una barra de navegación en un marco separado
Crear una imagen rollover.

Asistente de imagen rollover


El diálogo de Asistente de imagen rollover le permite insertar o personalizar un grupo de
elemento, los cuales se convierten en un botón rollover al construir una página Web HTML
dinámica. Un típico botón de rollover cambiará una imagen en otra cuando el ratón se mueve
sobre ella.
Una imagen rollover es un grupo de un mínimo de dos imágenes con el mismo tamaño y
posición en la página de diseño.i
Para insertar un botón de rollover simple:
1. Asegúrese de que no hay selección en la página de diseño.
2. Elija Asistente de imagen rollover desde el menú Ver.
3. El diálogo de Imagen rollover se abre. Nota: el título ' Rollover nuevo' parpadeará por
un lapso.
4. Hada doble clic en la imagen de la capa superior.
5. El diálogo Elegir imagen se abre.
6. Seleccione la imagen deseada y haga clic en el botón Abrir.
7. Hada doble clic en la imagen de la segunda capa.
8. El diálogo Elegir imagen se abre.
9. Seleccione la imagen deseada y haga clic en el botón Abrir.
10. Para quitar un vínculo de ejemplo desactive la check box. Vincular a página Web de
Internet .
11. Haga clic en ACEPTAR para insertar el nuevo botón de rollover. El nuevo grupo de
elementos aparecerá arriba de la página de diseño o cerca de la posición del elemento
modificado por último.

Para personalizar un botón rollover simple:


1. Seleccione un grupo de elementos rollover. .
2. Elija Asistente de imagen rollover desde el menú Ver.
3. El diálogo de Imagen rollover se abre. Nota: en las capas ahora se encuentran las
imágenes del grupo de elementos seleccionados.
4. Hada doble clic en la imagen de la capa que desea cambiar.
5. El diálogo Elegir imagen se abre.
6. Seleccione la imagen deseada y haga clic en el botón Abrir..

202
7. Para agregar o modificar un vínculo active la check box. Vincular a página Web de
Internet .
8. El diálogo Vínculo se abre. Elija un documento de navegación o un vínculo de Internet
y haga clic en ACEPTAR
9. Haga clic en ACEPTAR para aplicar las modificaciones al botón rollover.
Edición avanzada.
La edición avanzada le permite insertar un botón rollover en tres estados crear una pila
de imágenes a mostrarse en el evento rollover, una después de otra. Usted también
puede agregar elementos emergentes a la imagen rollover, o cambiar el tamaño del
botón final. El diseño puede ser probado en cualquier momento moviendo el ratón
sobre la página en el área de vista previa antes de insertar el objeto final en la página de
diseño.
Para insertar el botón rollover en tres estados:
1. Asegúrese de que no hay selección en la página de diseño.
2. Abra el diálogo de Imagen rollover .
3. Haga clic en el botón Avanzado. La ventana muestra el panel de herramientas
avanzadas y el área de vista previa.
4. Asegúrese que se ha especificado Vincular a página Web de Internet . y que la
check box esté activada.
5. Haga clic en la última capa vacía para hacer una selección.

6. Haga clic en Agregar capa de imagen . Una nueva capa con la imagen de
muestra se agrega.
7. Haga doble clic en la imagen en la tercera capa.
8. El diálogo Elegir imagen está abierto.. Seleccione la imagen y haga clic en el botón
Abrir.
9. Mueva el ratón sobre el botón en el área de Vista previa. La imagen de la segunda
capa se muestra, la cual se presenta cuando un vínculo a la página Web de Internet
está activo.
10. Haga clic en la vista previa del botón de rollover. En el navegador de Internet un evento
tal cargará una nueva página Web como la definición de vínculo. Mueva el ratón hacia
afuera y otra vez sobre el botón. La imagen de la tercera capa se muestra, la cual se
presenta cuando una página especificada por el vínculo ya está cargada. Mueva el
ratón hacia afuera del área de vista previa para comenzar a probar el rollover desde el
estado inicial.

Para crear una imagen de rollover en una presentación de dispositivas:


1. Desactive la check box. Vincular a página Web de Internet . Nota: este estilo de la
imagen de rollover no puede tener una definición de vínculo y se usa para presentar las
imágenes una tras otra para cada evento rollover .
2. Haga clic en la última capa vacía para hacer una selección.

3. Haga clic en Agregar capa de imagen . Una nueva capa con la imagen de
muestra se agrega.
4. Haga doble clic en la imagen en la capa recientemente agregada..
5. El diálogo Elegir imagen está abierto.. Seleccione la imagen y haga clic en el botón
Abrir.
6. Repita los pasos 2,3,4 y 5 tantas veces como se requiera. Nota: hay un límite de 32
capas.
7. Mueva el ratón arriba de la imagen en el área de Vista previa. La imagen de la capa
siguiente se muestra en cada evento rollover siguiente.

203
Para agregar un elemento emergente a un botón rollover:

1. Haga clic en Add Text Layer . Una capa nueva con un icono de texto de muestra
se agrega.
2. Haga doble clic en un ícono de texto en la capa recientemente agregada
3. El diálogo de Obtener texto se abre. Escriba el texto y haga clic en ACEPTAR .
4. Haga doble clic en la columna de Emergente. Se muestra la señal de verificación para
indicar el estilo emergente de la capa seleccionada. Nota: la imagen de rollover debe
tener como mínimo dos capas vacías incluyendo el elemento superior.
5. Mueva el ratón arriba de la imagen en el área de Vista previa. El Cuadro emergente
representando todas las capas emergentes se muestra en cada evento rollover.

Para cambiar el tamaño de la imagen rollover:


1. Haga clic en el botón Tamaño en la base de la página Vista previa.
2. El diálogo Tamaño está abierto. Escriba un ancho o alto nuevo y haga clic en
ACEPTAR .

Las herramientas del panel avanzado:

Suba la capa seleccionada.


Baje la capa seleccionada.

Inserte una nueva imagen en la selección.

Inserte una nueva capa de texto en la selección.


Elimine la capa seleccionada.

Sugerencias
No agregue sombras a las imágenes. Las sombras cambian el tamaño de la imagen e
interfieren con la creación del rollover.
Un elemento emergente puede ser ubicado en cualquier posición en el espacio de diseño.
Seleccione el elemento emergente y use las herramientas de editar para aplicar colores,
fuentes, o para moverlo a la posición requerida.
Notas
Una imagen rollover sólo funcionará en páginas DHTML.. Asegúrese de que el ‘HTML
dinámico’ es verificado en el diálogo Construir.

Ver también
Cómo crear una imagen rollover.
Cómo agrupar elementos.

Cómo crear una imagen rollover


Una imagen rollover cambia de una imagen a otra cuando un ratón hace una pausa sobre ella.
i
Para crear una imagen rollover
1. Ubique una (o más) imágenes sobre una página. No les agregue sombras.

204
2. Hágalas del mismo tamaño.
¿Cómo?
1. Alínealas arriba y a la izquierda.
¿Cómo?
2. Agrúpelas
¿Cómo?
3. Construya el sitio Web dinámico.
La imagen superior es la única que es visible siempre. Las otras imágenes aparecerán cuando
el ratón pase sobre la imagen. Cuando sólo hay dos imágenes, una aparece después de la
otra. Cuando no hay ratón pasando encima, aparece la imagen superior.

Notas:
No agregue sombras a las imágenes. Las sombras cambian el tamaño de la página e
interfieren con la creación del rollover.
Una imagen rollover funcionará solamente con páginas DHTML.. Asegúrese de que ‘HTML
dinámico’ esté señalado en el diálogo Construir.

Ver también
Asistente de imagen rollover.

205
Acerca de las barras de navegación
La barras de navegación contienen vínculos a las diferentes páginas de un sitio Web. En
muchos sitios Web, la barra de navegación está situada en un marco separado, arriba de la
parte principal del sitio o a su izquierda. Porque está en un marco separado, la barra de
navegación permanece en su lugar todo el tiempo, mientras los visitantes exploran diferentes
páginas dentro del sitio.

Web Easy le facilita la creación de una barra de navegación en su sitio DHTML. La barra de
navegación aparece como un marco a un lado de su sitio.
Nota:
No cree una barra de navegación si usted quiere incluir transiciones de página en su sitio Web
DHTML Las transiciones de página no funcionarán en un sitio Web navegable.
Ver también
Cómo crear una barra de navegación

Cómo crear una barra de navegación

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede crear una barra de navegación en su sito Web DHTML con vínculos a todas sus
páginas. Esta barra de navegación aparece como un marco separado a un lado de su sitio
Web DHTML..
Web Easy ubica el marco de navegación de acuerdo con la última página del documento:
 Si la última página consiste de una fila de elementos a la izquierda de la página,
entonces esos elementos serán ubicados en un marco a la izquierda de la pantalla.
 Si la última página consiste de una fila de elementos a la derecha de la página,
entonces esos elementos serán ubicados en un marco a la derecha de la pantalla.
 Si la última página consiste de una fila de elementos en la parte superior de la página,
entonces esos elementos serán ubicados en un marco en la parte superior de la
pantalla.
 Si la última página consiste de una fila de elementos en la parte inferior de la página,
entonces esos elementos serán ubicados en un marco en la parte inferior de la
pantalla.
Si los elementos están desparramados alrededor de la última página, o si hay un espacio
grande entre el borde de la página y los elementos en la página, los resultados pueden ser
impredecibles.
Para crear una barra de navegación :
Paso 1 - Agregue una página nueva, en blanco, al documento
1. Diseñe un documento de varias páginas, recordando cómo es la pantalla del visitante
típico. Deje un poco de espacio extra para la barra de navegación cuando diseñe las
páginas.

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página

4. Haga clic en Insertar para insertar una página nueva. El diálogo de Página Nueva
aparece.

207
5. Haga clic en la ficha En blanco, luego en Página en blanco y luego en Aceptar.
Paso 2 - Mover esa página al fin del documento
1. Haga clic en Ordenar desde el menú Modificar. El diálogo de Ordenar páginas
aparece.
2. Haga clic en Actual para elegir la página actual.
3. Haga clic en Bajar para mover esa página al fin del documento..
Paso 3 - Insertar viñetas vinculadas

1. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
2. Haga clic en Objeto para abrir el diálogo Insertar objeto.
3. Haga clic en la ficha Vínculos automáticos.
4. Haga clic en una serie de viñetas vinculadas, por ejemplo, Viñetas verticales.
5. Haga clic en ACEPTAR
6. Haga clic en su página en el lugar donde quiere ubicar sus vínculos. Ubíquelos cerca
del borde izquierdo de la página para crear una barra de navegación en la izquierda, o
ubíquelos a lo largo del borde superior para crear una barra de navegación superior.
Nota:
Si lo prefiere, puede insertar sus propias imágenes y agregarIes vínculos en vez de usar
los vínculos automáticos.
Paso 4 - Editar y verificar los vínculos
1. Edite la viñetas si lo desea. Cambie de tamaño las imágenes o cambie las palabras del
texto.
2. Verifique los vínculos de cada viñeta.
¿Cómo?
Paso 5 - Construir un sitio DHTML con " Dividir en Frameset"

1. Haga clic en para mostrar la barra de herramientas de Edición

2. Haga clic en Construir para mostrar la barra de herramientas de Construir.

3. Haga clic en Sitio Web para mostrar el diálogo Construir.


4. Si la checkbox de ‘HTML dinámico ’ no está marcada, haga clic en ella.
5. Haga clic en Avanzado para mostrar el diálogo de Opciones avanzadas.
6. Más información acerca de construir
7. Elija ‘Dividir en Frameset’ entre las opciones de estilo de sitio Web..
8. Haga clic en ACEPTAR
9. Haga clic en Ejecutar ahora para ver el sitio desde su navegador de Web.

208
Cómo agregar una transición de página
Para hacer que su documento sea realmente dinámico, agregue transiciones a las páginas en
su documento. Transiciones incluyen desplazamiento de página, barridos de página, efecto
disolver, y muchos más.
Sugerencia:
Mire la ventana de vista previa en el diálogo de Transiciones de página para una vista
previa de la transición.
Para agregar una transición de página:
1. Abra su documento.

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Página para mostrar la barra de herramientas de Editar Página

4. Haga clic en Insertar para inserar una página nueva. El diálogo de Página Nueva
aparece.
5. Haga clic en Transición para mostrar el diálogo de transición de página.
6. Haga clic en un botón de Transición para ver una vista previa del efecto en la ventana
de vista previa.
7. Establezca la duración de la transición:
8. Haga clic en la check box ‘Mostrar efecto de página por’ . Desplace hacia abajo
la lista de posibilidades de duración del efecto y elija una.
9. Establezca el momento de comenzar la transición: Haga clic en la check box ‘Avance
luego de’ . Desplace hacia abajo la lista de posibilidades de comienzo del efecto y elija
una..
10. Haga clic en la check box ‘Todas las páginas’ para aplicar la transición a todas las
páginas del documento.
11. Haga clic en la check box ‘Al azar’ si usted prefiere aplicar un efecto al azar para la
aplicación del efecto.
12. Haga clic en ACEPTAR.
Sugerencia:

ISi usted prefiere crear una presentación de diapositivas sin transiciones de página, haga clic
en el icono de la primera transición representando ‘ nada ‘. Establezca cuándo avanzar a la
página siguiente. El resultado es una presentación sin transiciones.
Las transiciones de página no funcionarán en un sitio Web con una barra de navegación sino
en un marco separado. Asegúrese de que selecciona ¨estándar¨como el estilo de sitio Web en
las Opciones avanzadas del diálogo Construir como un sitio Web dinámico.
Algunas transiciones son compatibles solamente con Internet Explorer 4.0 y versiones
posteriores.

210
Acerca de la animación de ruta
Para un efecto dinámico y excitante, cree una ruta animada para el elemento. Éste se moverá
a lo largo de la página en forma de ola, hamacándose, volando desde una esquina, y de
muchas formas más. Usted puede modificar esta ruta y decidir su duración y el momento en
que comienza. Usted puede fijar repeticiones para la animación, de modo que se repita
continuamente o que añada un efecto de parpadeo.
Nota:
La animación de ruta puede ser mostrada solamente en un sitio Web dinámico (sitio DHTML).

Ver también
Aplicar animación de ruta a elementos

¿Qué clase de elementos pueden ser animados?


La animación de ruta no se recomienda para:
 Objetos incrustados o elementos con ninguna clase de vínculo.
 Imágenes que tengan esténciles aplicadas a ellas.
 Imágenes PNG o JPG con fondos transparentes.
Es posible animar tales imágenes pero la transparencia puede causar resultados
impredecibles. Si usted quiere animar una imagen con un fondo transparente, se recomienda
usar el formato GIF .
 La animación de ruta no se puede aplicar a elementos agrupados. Aplique rutas de
animación separadas a los elementos individualmente.

Cómo aplicar animación a los elementos

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Agregue interés y excitación a su página Web animando objetos estáticos. Ponga en
movimiento un objeto usando una ruta de animación seleccionada (o cree la suya propia) para
describir la ruta y la duración del movimiento.
Para aplicar una animación :
1. Seleccione el elemento a animarse

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Animación para mostrar el diálogo de la ruta de animación.


5. Explore a través del menú de rutas y haga clic en una para seleccionarla. La ruta
seleccionada aparece en su página como una línea de puntos, a manera de vista
previa Haga clic en el botón Editar ruta si quiere ajustar ese paso. Los ajustadores
aparecen a lo largo de la ruta. El ajustador azul representa el comienzo de la
animación, el ajustador rojo representa el fin, mientras que los verdes representan las
esquinas a lo largo de la

212
ruta.
6. Arrastre un ajustador para ajustar su posición o arrastre su posición o arrastre la línea
de puntos parra mover la ruta entera.
7. Escriba la duración para la animación en el campo ‘Mostrar por’ . El número antes del
punto decimal representa segundos.
8. Establezca el comienzo de la animación en el campo ‘Comenzar luego de’. Por
ejemplo, si usted escribe 1.5, la animación comenzará un segundo y medio luego de
que la página sea abierta.
9. Haga clic en la checkbox Guiñar para dar un efecto parpadeante a su animación.
10. Haga clic en la checkbox Repetir para hacer que su animación vuelva a ejecutarse, de
modo que lo haga continuamente.
11. Haga clic en Fit Start xxxxxxxxxxxxxxxxxxxxx para asegurar que la posición de
comienzo de la animación es la ubicación del elemento. Esto ayuda a evitar el
comienzo a los saltos que puede ocurrir con las animaciones si ellas comienzan en una
ubicación diferente
12. Cuando usted haya terminado de configurar la animación, haga clic en alguna parte
afuera del elemento o haga clic en la x en la esquina superior derecha del diálogo de la
ruta de animación para cerrarlo.
Nota:
Usted no podrá ver la animación mientras esté editando el documento. Para verla, necesita
construir o hacer la vista previa del sitio Web DHTML..

Cómo insertar objetos animados prediseñados


Web Easy le ofrece una colección de objetos animados ya preparados y listos para usarse (
ready-to-use) . La colección incluye imágenes animadas y textos.
Después de que usted inserta un objeto, usted puede editar la ruta de animación o reemplaza
la imagen o el texto.
Para insertar objetos animados:

1. Haga clic en para mostrar la barra de herramientas de Edición

2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas.


3. Haga clic en Objeto para abrir el diálogo Insertar objeto.
4. Haga clic en la ficha Animaciones para traer ese tópico al primer plano.
5. Haga clic en el nombre de un objeto para verlo en el cuadro de vista previa.
6. Haga clic en ACEPTAR. para elegir el objeto.
7. Haga clic en la página donde usted quiere poner el objeto.
Ver también
Cómo aplicar animación a los elementos

Cómo animar elementos múltiples


Usted puede aplicar una ruta de animación a elementos múltiples, de manera que cada elemento
se mueva a lo largo de la misma ruta. Usted puede establecer la demora entre la animación de
cada elemento.
Para aplicar una ruta de animación a elementos múltiples:

213
1. Seleccione los elementos a animarse

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Animación para mostrar el diálogo de la ruta de animación.


5. Elija una ruta de la lista.
6. Haga clic en el botón Editar ruta para ajustar la ruta, si lo desea.
7. Haga clic en 0rganizar para mostrar el diálogo de Organizar animación
8. Escriba un tiempo de offset para calcular la demora. Por ejemplo, si usted escribe 1.0,
el segundo elemento comenzará su movimiento a lo largo de la ruta luego de la demora
de un segundo.
9. Haga clic en ACEPTAR
Notas:
El último elemento seleccionado es el primero que aparecerá en la animación. Así que cuando
usted seleccione los elementos por primera vez, hágalo en el orden inverso, seleccionando el
último elemento primero, etc.
El botón Organizar sólo es visible en la Ruta de animación cuando se seleccionan elementos
múltiples.

214
Cómo aplicar efectos HTML dinámicos a sus elementos

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Web Easy le ofrece una amplia elección de efectos HTML dinámicos que usted puede aplicar
a textos y elementos en su sitio Web dinámico (DHTML). Los efectos HTML dinámicos son
similares a las transiciones que usted puede aplicar a las páginas, pero estos efectos se
aplican a elementos individuales.
Para aplicar un efecto HTML dinámico a un elemento:
1. Seleccione el elemento al cual quiere aplicarle el efecto.

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
4. Haga clic en Efectos para mostrar el diálogo de efectos dinámicos HTML.
5. Desplace hacia abajo el menú Efectos y haga clic en un efecto para elegirlo.
6. Elija un estilo para el efecto - por ejemplo, fundido de entrada lento fundido de entrada
y salida rápido, etc.
7. Haga clic en Ficha avanzada para el ajuste fino de su efecto dinámico HTML.
8. Haga clic en Aceptar para aplicar el efecto.

Sugerencia:
Usted no podrá ver el efecto mientras está editando el documento. Para verlo, usted necesita
hacer una vista previa del sitio Web dinámico.
Notas:
Algunos efectos son compatibles solamente por Internet Explorer 4.0 y versiones posteriores.
Algunos efectos tales como Sombra paralela y Borde resplandeciente, deben ser aplicados a
elementos de texto.
Ver también
Ajuste fino de su efecto HTML dinámico
Lista de efectos HTML dinámicos

Lista de efectos HTML dinámicos


Los efectos HTML dinámicos que usted puede aplicar a un elemento incluyen:
 Barrido - el elemento es barrido a través de la página, comenzando desde la izquierda,
derecha, parte superior o inferior.
 Recuadro entrante o saliente - el elemento es barrido hacia adentro o afuera en la
forma de una caja.
 Entrada en círculo -el elemento es barrido hacia adentro o afuera en la forma de una
círculo.
 Persiana - el elemento aparece primero como persianas verticales u horizontales, o en
la forma de abrir o cerrar persianas..
 Damero. - el primer elemento aparece como un arreglo de cajas, como un tablero de
ajedrez.
 Franjas - el elemento se barre diagonalmente a través de la pantalla.

216
 Barras - el elemento aparece primero como líneas muy delgadas verticales u
horizontales.
 Transparencia - la imagen se funde, volviéndose menos transparente gradualmente.
 Desenfocar - la imagen cambia de desenfocada a enfocada.
 Ondas sinusoides - el elemento aparece gradualmente en la forma de una onda
sinusoide.
 Ocultar y mostrar - el elemento es mostrado y luego escondido.

Efectos HTML dinámicos que solamente pueden ser aplicados a texto incluyen:
 Borde resplandeciente - un borde resplandeciente crece alrededor del texto.
 Sombra paralela- una sombra rota alrededor del texto.

Ajuste fino de un efecto HTML dinámico

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Al ajustar las configuraciones Avanzadas del Diálogo HTML dinámico, usted puede
controlar precisamente el despliegue o repliegue de su efecto. Usted puede controlar:
 el Despliegue - el tiempo que toma su objeto para empezar gradualmente
 la Retención - el tiempo que el efecto se mantiene inmóvil
 el Repliegue - el tiempo que toma el efecto para ir deteniéndose gradualmente.
 el Tiempo de repetición - el tiempo durante el cual el efecto vuelve a ser reproducido.
 la Sincronización de inicio - el tiempo después del cual el efecto comienza, cuando la
página se muestra.
Nota:
No todas las opciones se hallan disponibles para todos los efectos. Si una opción aparece en
gris, no está disponible para ese efecto.
Para ajustar las configuraciones Avanzadas:
1. Seleccione el elemento al cual quiere aplicarle el efecto.

2. Haga clic en para mostrar la barra de herramientas de Edición

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.
4. Haga clic en Efectos para mostrar el diálogo de efectos dinámicos HTML.
5. Haga clic en Ficha avanzada para el ajuste fino de su efecto dinámico HTML.
6. Haga clic en la opción Fundido de entrada o Fundido de salida.
7. Seleccione la checkbox ‘Desplegar efecto por’ y escriba la duración del efecto en
segundos, por ejemplo 1.00 por un segundo. Esto controlará la duración del efecto para
comenzar gradualmente.
8. Seleccionar la checkbox ‘Mantener efecto por’ y escribir una cifra en segundos. Esto
controla la duración del tiempo en que el efecto se retiene o mantiene inmóvil.
9. Seleccione la checkbox ‘Replegar efecto por’ y escriba una cifra en segundos. Esto
controla el tiempo que lleva para un efecto vaya replegándose gradualmente.
10. Seleccione la checkbox ‘Repita después de’ y escriba una cifra en segundos. Esto
controla la repetición del efecto, cada cuantos segundos el efecto vuelve a ejecutarse,
en una repetición continua.
11. Seleccione la checkbox ‘Comenzar luego de’ y escriba una cifra en segundos. Esto

217
controla la sincronía de inicio del efecto, luego que la página se haya abierto.
12. Haga clic en Aceptar para aplicar el efecto.

218
Cómo aplicar animación de ruta al texto
Cree texto en movimiento dinámico para su sitio Web aplicando animación de ruta al texto.
Aplique animación al texto de la misma forma que usted animaría otros elementos.
¿Cómo?

Cómo aplicar efectos HTML dinámicos al texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Cree texto llamativo en su sitio Web aplicando efecto HTML dinámicos a su texto. Aplique
efectos al texto de la misma forma que los aplica a otros elementos.
¿Cómo?
Usted puede aplicar cualquiera de los efectos HTML dinámicos a su texto. Dos de estos
efectos - Borde resplandeciente y Sombra paralela - pueden ser sólo aplicados a textos.
Nota:
Efectos HTML dinámicos no pueden ser aplicados al texto con una sombra. Si se aplican, la
sombra no aparece.
Ver también
Cómo aplicar efectos HTML dinámicos a los elementos

Cómo agregar sombras al texto


A diferencia de HTML, el cual convierte texto sombreado en una imagen, cuando usted
construye un documento en un sitio Web DHTML, su texto sombreado se convierte en texto.
Los visitantes serán capaces de copiar y pegar el texto en las aplicaciones de procesamiento
de texto de Word .
Hay, sin embargo, algunas limitaciones:
 Las sombras DHTML no pueden ser vistas con los navegadores de Netscape..
 Hay limitaciones para las clases de sombras que usted puede crear - las sombras
DHTML estándar son Sombra paralela y Sombra difusa. Por ejemplo, cualquier
sombra con un valor de offset superior a 4 se interpretará como Sombra paralela por
Internet Explorer.
 Si es texto se rellena con un relleno de degradado o de textura, se exportará como una
imagen. Estas imágenes pueden mostrarse incorrectamente, dependiendo de las
configuraciones de Windows.
Nota:
Windows tiene una función integrada para texto en imagen anti-aliast, la cual puede ocasionar
a que su página se muestre en forma deficiente.Si su texto en imagen no se muestra
correctamente en su navegador, cambie su configuración de Windows de la forma siguiente:
 Abra "Mostrar propiedades" (hacer clic con el botón derecho del ratón sobre el
escritorio y elija Propiedades).
 Seleccione la ficha "Efectos"
 Desactive "Usar el siguiente método para suavizar los bordes de las fuentes de
pantalla"

Para agregar una Sombra Paralela a un texto:

1. Haga clic en para mostrar la barra de herramientas de Editar.

220
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.
3. Haga clic en el texto seleccionándolo en modo Objeto.

4. Haga clic en Sombra para mostrar el diálogo de Sombra.


5. Deslice los controles deslizantes para determinar las configuraciones de sombra.
Mantenga su ratón sobre un control deslizador para ver un mensaje mensaje
emergente del valor seleccionado.
 Configure el valor Desenfocar en 0.
 Configure el offset X en cualquier número entre 5 y 32.
 Configure el offset Y en cualquier número entre 5 y 32.
1. Haga clic en Aceptar para aplicar la sombra.

Para agregar un sombra difusa al texto:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.


3. Haga clic en el texto seleccionándolo en modo Objeto.

4. Haga clic en Sombra para mostrar el diálogo de Sombra.


5. Deslice los controles deslizantes para determinar las configuraciones de sombra.
Mantenga su ratón sobre un control deslizador para ver un mensaje mensaje
emergente del valor seleccionado.
 Configure el valor Desenfocar en 0.
 Configure el offset X en cualquier número menor de 5.
 Configure el offset Y en cualquier número menor de 5.
 Haga clic en Aceptar para aplicar la sombra.

Ver también
Creación de sobras avanzadas

221
Creación de sombra avanzada
Los usuarios avanzados pueden crear efectos especiales de texto ajustando las
configuraciones de sombra.
He aquí algunas ideas:
Para agregar una sombra resplandeciente al texto:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.


3. Haga clic en el texto seleccionándolo en modo Objeto.

4. Haga clic en Sombra para mostrar el diálogo de Sombra. Deslice los controles
deslizantes para determinar las configuraciones de sombra. Mantenga su ratón sobre
un control deslizador para ver un mensaje mensaje emergente del valor seleccionado.
 Configure el valor Opacidad en 0.
 Configure el valor Desenfocar en cualquier número entre 1 y 16.
 Configure el offset X a 0.
 Configure el offset Y a 0..
 Haga clic en Aceptar para aplicar la sombra.

Nota:
Este efecto de sombra sólo puede ser visto por con Internet Explorer.

223
Cómo diseñar presentaciones de diapositivas en DHTML
Un sitio Web dinámico para mostrar sus imágenes como una presentación de diapositivas es
fácil de diseñar. Use transiciones de página para agregar interés a la presentación de
diapositivas.
Para diseñar presentaciones de diapositivas:
Paso 1 - Diseñar un documento nuevo de una página

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en En blanco para abrir un nuevo documento.


4. El nuevo diálogo de documento aparece.
5. Haga clic en una plantilla de una página sola.
6. Haga clic en ACEPTAR
Paso 2 - Dar un fondo al documento

1. Haga clic en para mostrar la barra de tareas de Editar

2. Haga clic en Página para mostrar la barra de herramientas de Editar página.

3. Haga clic en el botón Fondo para mostrar el diálogo Rellenar con color.
4. Elija un color para el fondo, preferentemente uno oscuro.
5. Haga clic en ACEPTAR
Paso 3 - Ubicar una foto en el centro de su página
1. Explore para encontrar la foto que usted necesita desde el Explorador de archivo.
2. Arrastre la foto a su documento.

3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar


elementos.

4. Haga clic en Ajustar para mostrar el diálogo Ajustar.


5. Haga clic en la ficha de Página en el diálogo Ajustar.
6. Haga clic en la opción llamada ‘Centrar la selección sobre la página’.
7. Haga clic en ACEPTAR
Paso 4 - Insertar una página nueva, en blanco

1. Haga clic en Página para mostrar la barra de herramientas de Editar página.

2. Haga clic en Insertar .


3. Asegúrese de que Página en blanco esté seleccionado y haga clic en Aceptar. Una
nueva página en blanco con el mismo fondo se agrega a su documento.
Paso 5 - Ubicar una foto en la página nueva
1. Repetir paso 3 para la próxima foto.
2. Continúe agregando páginas y fotos hasta completar.
Paso 6 - Establecer transiciones de página

225
1. Use las flechas de navegación para volver a la primera página.

2. Haga clic en Página para mostrar la barra de herramientas de Editar página.


3. Haga clic en Transición para mostrar el diálogo de Transición de página.
4. Elija un estilo de transición de página.
5. Haga clic en un icono de estilo de transición de página. Mire el cuadro de vista previa
para ver cómo se comporta, o
6. Haga clic en la checkbox ‘Al azar’ si usted prefiere aplicar un a variedad de efectos
elegidos al azar para a la página.
7. Escriba, en segundos, la duración del efecto, en la check box ‘Mostrar efecto de página
por’ . Desplace hacia abajo la lista de posibilidades de duración del efecto y elija una.o
haga clic para elegir un número de la lista.
8. Escriba, en segundos, el momento de avanzar a la próxima página, o haga clic en
para elegir un número de la lista: Haga clic en la check box ‘Avance luego de’ .
Desplace hacia abajo la lista de posibilidades de comienzo del efecto y elija una..
9. Haga clic en la check box ‘Todas las páginas’ para aplicar la transición a todas las
páginas del documento. O no la seleccione y repita este paso, aplicando una transición
diferente a cada página.
10. Haga clic en ACEPTAR
Paso 7 - Construir su documento en un sitio Web dinámico

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic Construir para mostrar la barra de herramientas de Construir.

3. Haga clic Sitio Web para mostrar el diálogo Construir.


4. Si la checkbox ‘HTML dinámico’ no está seleccionada, haga clic en ella.
5. Haga clic Avanzado para mostrar el diálogo de Opciones avanzadas.
6. Elija Centrado en pantalla completa- (estilo kiosko) del menú desplegable abajo de
Estilo de sitio Web .
7. Haga clic en ACEPTAR.
8. Haga clic en ACEPTAR para completar la construcción.

Ver también
Cómo agregar un a transición de página
Cómo construir un sitio Web dinámico

Cómo diseñar presentaciones en DHTML


Una presentación dinámica en pantalla completa es fácil de crear. Use transiciones de página
y animación para agregar interés.
Para diseñar una presentación:
Paso 1 - Diseñar un documento usando el Asistente de sitio Web

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

226
3. Haga clic en Sitio Web para comenzar el Asistente de sitio Web.
4. Haga clic en la ficha Negocios y seleccione una plantilla apropiada para una
presentación.
5. Siga las instrucciones en el Asistente de sitio Web hasta que el documento esté
completo.
Más información acerca de cómo usar el Asistente de sitio Web..
Paso 2 - Editar el documento

1. Haga clic en Construir para mostrar la barra de herramientas de Construir.


2. Modifique elementos de texto, reemplazando textos existentes con el suyo.
3. Ajuste la medida y la ubicación de las imágenes, si se desea.
4. Agregue características extra tales como transiciones de página o animaciones, si se
desea.
5. Guarde el documento.
Paso 3 - Construir el documento dentro de un sitio DHTML

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Construir para mostrar la barra de herramientas de Construir.

3. Haga clic en Sitio Web para mostrar el diálogo Construir.


4. Si la checkbox ‘HTML dinámico’ no está seleccionada, haga clic en ella.
5. Haga clic en Avanzado para mostrar el diálogo de Opciones avanzadas. Elija
Centrado en pantalla completa- (estilo kiosko) del menú desplegable abajo de
Estilo de sitio Web .
6. Haga clic en ACEPTAR.
7. Haga clic en ACEPTAR para completar la construcción.

227
Cómo diseñar componentes
Una de las funciones avanzadas ofrecidas por Web Easy es la habilidad de diseñar
componentes y usarlos en sus sitios Web.
Los componentes que usted puede diseñar incluyen:
 Imágenes GIF animadas.
 Componentes de imagen - instantáneas de las páginas de su documento o imágenes
compuestas creadas desde elementos seleccionados.
Hay tres etapas involucradas en diseñar y usar componentes:
1. Diseñar el componente, ya sea usando los Asistentes o usando su propio diseño. En
esta etapa, el componente está en la forma de un documento y no puede ser visto en
un navegador de Web.
2. Construir el componente.
3. Insertar el componente en su documento..

229
Acerca de imágenes animadas GIF
Una imagen animada GIF incluye múltiples imágenes dentro de un solo archivo GIF. Cuando
se ven en una página Web, la ¨corriente¨ de imágenes funciona como los marcos en una
secuencia de animación.
Usted puede controlar la velocidad de la animación y agregar transiciones de página si así lo
desea.
Hay tres estadios involucrados en crear y usar un componente GIFanimado :
1. Crear un documento de dos o más páginas como la base de su imagen GIF animada.
Puede usar el Asistente de GIF animado o crear su propio diseño. En este estadio el
GIF animado está en la forma de un documento y no puede ser visto con un navegador
de Web.
2. Construir el documento en un componente GIF animado.
3. Insertar el componente GIF animado en otro documento..

Ver también
Cómo usar el Asistente de GIF animado
Cómo crear una imagen de GIF animada
Cómo construir un componente de GIF animado.
Cómo insertar un componente GIF animado en un documento

Cómo crear una imagen GIF animada

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede crear imágenes GIF animadas usando su propio diseño y especificaciones.
Para crear un GIF animado:
Paso 1 - Diseñar el documento base
1. Diseñar un nuevo documento en blanco.
2. Ajustar el tamaño de la página para que tenga la medida necesaria, usando un tamaño
de página Definido por el usuario.
¿Cómo?
3. Agregar páginas al documento. Cada página se convertirá en un "marco" en la
animación.
Paso 2 - Insertar el contenido de la animación
1. Ubicar una imagen u otro elemento en cada página.
2. Agregar transiciones de página si lo desea. Éstas serán visibles en el GIFanimado.
¿Cómo?

3. Guardar el documento.
Paso 3 - Ajustar la sincronía y construir el componente de GIF animado
1. Abrir el diálogo Construir como un componente animado de GIF.
¿Cómo?
2. Haga clic en la ficha Avanzado para mostrar el diálogo de Opciones avanzadas.
3. Ajustar el control deslizante de Duración de página..
4. Haga clic en ACEPTAR para construir el documento en un componente de GIF

231
animado.
Paso 4 - Insertar el componente de GIF animado en otro documento
1. Abrir un documento nuevo.
2. Insertar el componente de GIF animado.
¿Cómo?

Cómo construir un documento en una imagen GIF animada

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Después de que haya diseñado su GIF animado en un documento, el próximo paso es ver
cómo Web Easy lo construye en un componente GIF animado, el cual puede ser insertado
dentro de un documento.
Para construir un componente de GIF animado:
1. Diseñe su documento de GIF animado.

2. Haga clic para mostrar la barra de tareas de Portada

3. Haga clic en Construir para mostrar la barra de herramientas de Construir.

4. Haga clic en Componente y haga clic en GIF animado.


5. Aparece el diálogo Construir como un GIF animado.
6. Seleccione la carpeta de destino en donde quiere almacenar el GIF animado. Haga clic

en para localizar una nueva carpeta si lo desea.


7. En el campo ‘Nombre de archivo’, escriba el nombre para el GIF animado. El nombre
predeterminado se genera automáticamente desde el nombre de archivo de su
documento.
8. Haga clic en ‘Cambiar el tamaño de la imagen’ si lo desea. Escriba en pixeles el alto y
el ancho deseados.
9. Haga clic en ‘Proporcional’para mantener las proporciones de la imagen de GIF
animado después de cambiar de tamaño.
10. Haga clic en Avanzado si usted desea ajustar la profundidad de color, la duración de
página y otras opciones avanzadas.
11. Haga clic en ‘Ejecutar ahora’ para mostrar el GIF animado en su navegador de Web
luego de construirlo.
12. Haga clic en ACEPTAR.

Opciones avanzadas para construir imágenes GIF animadas


Al hacer clic en el botón Avanzado en el diálogo Construir un GIF animado muestra el
diálogo de Opciones avanzadas de GIF animado. Este diálogo le permite configurar la clase
de imágenes GIF animadas que usted crea.
Para configurar las Opciones avanzadas de GIF animado:
1. Haga clic en el botón Avanzado en el diálogo Construir como un GIF animado.
2. Haga clic en la flecha en el campo ‘Profundidad de color , para elegir la profundidad
de color.
Nota:
Imágenes GIF pueden tener un máximo de 256 colores. Si su GIF animado incluye fotos,

232
usted puede ver una reducción en la calidad de la imagen.
3. Elija una paleta de color para mostrar su imagen GIF animada de la mejor forma
posible. Si tiene dudas, seleccione: ‘Optimizado’.
 Netscape - optimizado para la Web.
 Windows - la paleta estándar de Windows.
 Optimizado - optimizado para la imagen.
 Fijo - optimizado para uso de 256 colores.
4. Haga clic en ‘Entrelazado’, si lo desea. Una imagen entrelazada se descargará en
etapas, de manera que cuando la gente vea su sitio, ellos verán parte de la imagen
mientras la página está siendo descargada.
5. Haga clic en ‘Color transparente’ para hacer su imagen transparente. Haga clic en el
bloque de color para elegir un color. Cualquier parte de la imagen que aparece en ese
color será mostrada como transparente.
6. Arrastrar el control deslizante de ‘Efecto de página’ para ajustar la calidad del efecto de
transición de página.
 Una mejor calidad significa transiciones más suaves y un archivo de mayor medida.
 Una calidad inferior significa transiciones xxxxxxxxxxxxxxxxx y un tamaño menor de
archivo.
7. Arrastre el control deslizante ‘Duración de página’ para ajustar la sincronía del GIF
animado.
8. Haga clic en ACEPTAR.

Nota:
Si está inseguro acerca de qué configuración debe elegir para cada opción, acepte las
configuraciones predeterminadas.

Cómo usar el Asistente de GIF animado


La forma más rápida de comenzar a crear un componente de GIF animado es usando el
Asistente de GIF animado. El Asistente le guía a través del proceso de diseñar el componente.
Para crear un GIF animado con el Asistente:
Paso 1 - Abra el Asistente de GIF animado

1. Elija Nuevo y luego Gif animado , desde el menú Archivo.


2. El Asistente de Gif animado se abre.
3. Haga clic en Siguiente.
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de plantillas le ofrece una selección de plantillas GIF animadas.
2. Haga clic en el nombre de la plantilla.
3. Use los botones de navegación "Primero/Anterior/Siguiente/Último" para seleccionar
una plantilla.
4. Haga clic en Siguiente.
Paso 3 - Elija una carpeta de destino y un nombre de archivo para su documento
1. Elimine el nombre que aparece en el campo ‘Nombre’ y escriba un nuevo nombre para
su documento en su lugar.
2. Elija una carpeta en su ordenador en la cual almacenar su documento. Usted puede o:
 Escribir la ruta de acceso a la carpeta en el campo ‘Carpeta’ o

 Haga clic en para explorar por la carpeta correcta.


3. Haga clic en Siguiente.

233
Paso 4 - Recolecte las fotos para su documento
Advertencia:
Los archivos GIF animados pueden ser inmensos, dependiendo en la medida y número de
imágenes incluidas. Es una sabia medida la de asegurar que sus imágenes son apropiadas,
para evitar problemas de descargue y de ejecución.

1. Haga clic en para explorar por la carpeta correcta donde sus fotos están
almacenadas.
2. Seleccione las imágenes para su GIF animado. Cada imagen aparecerá en una página
diferente de su documento. Cuando el GIF animado se construya, cada imagen
aparecerá como un marco en la animación. Cargue fotos individuales en los

portaespacios haciendo clic en el nombre de una foto. . O sino, cargue todas las

fotos de una vez haciendo clic en .


3. Haga clic en Siguiente..
Paso 5 - Agregue los últimos toques
1. Si usted hace clic en la checkbox ‘Construir un GIF animado ahora’ , Web Easy
construirá su documento en un componente de GIF animado. Algunas personas no
quieren construir en esta etapa porque quieren agregar antes los últimos toques.
2. Haga clic en Terminar para cerrar el Asistente de Gif animado. Su documento se
muestra en el espacio de trabajo de Web Easy y usted puede editarlo.

Nota:
Si usted no hizo clic en la checkbox ‘Construir GIF animado ahora’ , su GIF animado está
todavía en la forma de un documento. Usted necesita construirlo en un componente GIF
animado, e insertarlo en otro documento.

Ver también
Cómo construir un componente GIF animado
Cómo insertar un componente GIF animado en un documento

234
Acerca de los componentes de imagen
Un componente de imagen es
 Una instantánea una página de un documento, o
 Una imagen creada de elementos seleccionados en un documento.
Las páginas o elementos se construyen en una imagen nueva, la cual puede ser construida
dentro de una nueva imagen, la cual puede entonces ser insertada en un documento, y
editado. Al construir páginas o elementos en componentes de imagen usted puede ejecutar la
clase de tareas para las que normalmente se requeriría un programa de edición para
imágenes.

Hay tres etapas involucradas en crear y usar un componente de imagen:


1. Crear un documento. Si usted quiere construir una imagen en su página, de
elementos seleccionados, seleccione estos elementos.
2. Construir el componente de imagen..
3. Insertar la imagen componente en su documento.

Ver también
¿Por qué crear un componente de imagen?
Cómo construir un componente de imagen
Cómo crear imágenes imágenes de fotomontaje digital
Cómo tomar una instantánea de una página
Cómo insertar un componente de imagen dentro de un documento

¿Por qué crear un componente de imagen?


 Para darle mayor control sobre la forma en que su documento se exporta. Por ejemplo,
cuando usted construye un documento en un sitio DHTML, cada elemento sobre una
página se exporta separadamente. Esto es necesario para permitir los efectos DHTML
especiales, pero puede tomarle mucha memoria. Usted puede ahorrar memoria
combinando un grupo de elementos en una imagen individual. De esa forma, su sitio
DHTML tendrá menos volumen y los visitantes la encontrarán más fácil de descargar.
 Cree instantáneas de cada página de un documento para crear un índice gráfico.
Ubique las instantáneas en el borde de su documento y vincúlelas a sus páginas
respectivas.
 Si usted convierte un pedazo de texto o una forma en una imagen, usted puede aplicar
todos los efectos de imagen que no pudieron ser aplicados mientras era un texto o una
forma. Por ejemplo, usted puede aplicar el efecto relieve o de transparencia parcial.
Usted también puede rotar el elemento, lo que no podía hacer previamente.
 Usted puede combinar un número de elementos, por ejemplo, un botón y trozo de texto
describiendo su función, por ejemplo, "Portada" o "E-mail". La nueva imagen,
consistiendo de un botón con una etiqueta puede ser vuelto a usar en otros
documentos.

Al construir páginas o elementos en una imagen usted puede ejecutar la clase de tareas para
las que normalmente se requeriría un programa de edición para imágenes.
Ver también
Cómo crear imágenes de fotomontaje digital
Cómo tomar una instantánea de una página

236
Cómo construir un documento en un componente de imagen

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Hay dos maneras de construir un componente de imagen:
 Cómo construir elementos seleccionados en un componente de imagen, y
 Cómo construir páginas enteras en componentes de imagen.
 Cómo construir elementos seleccionados en un componente de imagen,
Haciendo clic en ‘Exportar selección ’ en el diálogo Construir como una imagen, usted
puede llevar cualquiera de los elementos seleccionados en el momento y construirlos
dentro de una imagen. La imagen nueva puede ser insertada en el mismo documento o
en otros, para luego ser modificada como sea necesario.
 Cómo construir páginas enteras en componentes de imagen.
Cancelando la selección ‘Exportar selección ’ en el diálogo Construir como una imagen, usted
puede llevar la página actual y construirla dentro de una imagen. Usted puede ajustar el
tamaño de la imagen nueva en este diálogo.
Ver también
Cómo crear imágenes de fotomontaje digital
Cómo tomar una instantánea de una página

Cómo crear imágenes de fotomontaje digital


Las imágenes de fotomontaje digital están hechas de uno o más elementos en una página.
Organice los elementos y constrúyalos en una imagen individual. Usted puede combinar
cualquier clase de elemento y tantos como a usted le guste. Puede insertar la imagen nueva
en un documento y aplicarle efectos de imagen.
Para crear una imagen de fotomontaje digital:
Paso 1 - Diseñar una imagen de fotomontaje digital:
1. Ubique el elemento o elementos sobre la página. Por ejemplo, si usted está creando un
botón de etiqueta, inserte una imagen de botón e inserte el texto.
2. Organice los elementos. Por ejemplo, ubique el texto arriba del botón.
3. Seleccione ambos elementos.
Paso 2 - Construya los elementos en un componente de imagen

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Construir para mostrar la barra de herramientas de Construir.

3. Haga clic en Componente y clic en Imagen .


4. El diálogo Construir como una imagen aparece.
5. Elija un formato para la imagen, por ejemplo, JPEG.
6. Haga clic en Avanzado si usted quiere ajustar la profundidad de color y otras opciones
de imagen.
7. Haga clic en‘Reemplazar selección con una nueva imagen’, para ubicar la imagen de
fotomontaje digital en su documento en lugar de los elementos seleccionados.
8. Haga clic en ‘Ejecutar ahora’ si usted quiere mostrar la imagen en la aplicación
asociada.
Nota:

237
Windows asocia distintos tipos de archivo con las aplicaciones. Usted puede elegir cuál
aplicación asociar con un tipo específico de archivo haciendo clic en la ficha Tipos de
archivo en la carpeta Opciones de carpeta. Para mayor información, refiérase a su
documentación de Windows

Si usted hizo clic en ‘Reemplazar selección con una nueva imagen’, la imagen de fotomontaje
digital: aparece en su página. Si no, usted puede insertarla en su documento. Usted puede
cambiar el tamaño del objeto, rotarlo o aplicarle cualquiera de los efectos de foto.

Ver también
Opciones avanzadas para construir componentes de imagen

Cómo tomar una instantánea de una página


La función del componente de imagen le permite tomar instantáneas de páginas enteras.
Usted puede usar estas instantáneas, por ejemplo, para crear un índice gráfico. Puede colocar
pequeñas instantáneas de páginas a lo largo del borde de la página de un documento, para
usarlos como vínculos a las páginas que representan.
Para tomar una instantánea:
1. Cree un documento.

2. Haga clic para mostrar la barra de tareas de Portada

3. Haga clic en Construir para mostrar la barra de herramientas de Construir.

4. Haga clic en Componente y clic en Imagen .


5. El diálogo Construir como una imagen aparece.
6. Si ‘Exportar Selección’ está seleccionado, haga clic en la casilla para cancelar la
selección.
7. Escriba la ubicación en la cual desea almacenar la imagen en el campo‘Imagen’ . O

escriba la ruta de acceso a la carpeta correcta o haga clic en para explorar allí.
8. Dé un nombre a la imagen en el campo ‘Nombre del paquete’ .
9. Elija un formato para la imagen, por ejemplo, JPEG.
10. Elija el rango de salida - ya sea construir la ‘Página actual’ solamente o ‘Todas las
páginas’ del documento.
11. Haga clic en Avanzado si usted quiere ajustar la profundidad de color y otras opciones
de imagen.
12. Haga clic en‘Cambiar el tamaño de la imagen’, y escriba el alto y el ancho deseados
para la imagen (en pixeles) Si usted quiere usar las instantáneas para crear un índice
gráfico, ellas deben ser mucho más pequeñas que la páginas.Por ejemplo, si las
dimensiones de la página son 640 x 480 pixeles, las instantáneas deberían ser
llevadas al tamaño de 64 x 48 pixeles.
13. Haga clic en‘Proporcional’ para mantener las mismas proporciones entre ancho y alto.
14. Haga clic en ‘Ejecutar ahora’ si usted quiere mostrar la imagen en la aplicación
asociada.
Nota:
Windows asocia diferentes tipos de archivo con las aplicaciones. Usted también puede
elegir la aplicación a asociar con el tipo de archivo específico haciendo clic en la ficha
Tipos de archivo en la carpeta Opciones de carpeta. Para mayor información, refiérase
a su documentación de Windows
1. Haga clic en ACEPTAR

238
Una instantánea de la página se guarda como una imagen. Usted puede insertarla en su
documento. puede cambiar el tamaño del objeto, rotarlo o aplicarle cualquiera de los efectos
de foto.

Si el documento consiste de más de una página, cada imagen se guarda con el nombre que
usted especifica y un número, por ejemplo, Cumpleaños_001, Cumpleaños_002, etc.

Ver también
Opciones avanzadas para construir componentes de imagen

Opciones avanzadas para construir componentes de imagen


Haciendo clic en el botón Avanzado en el diálogo Construir como una imagen muestra el
diálogo de Opciones avanzadas de imagen. Este diálogo configura la clase de imagen que
usted crea.
La apariencia del diálogo Opciones avanzadas difiere, dependiendo del formato de imagen
que usted seleccione en el diálogo de Construir como una imagen. Algunos formatos de
imagen tienen más opciones para elegir que otros. Algunos formatos de imagen no requieren
ninguna elección, así que el botón Avanzado no estará activo cuando sea seleccionado.
Para configurar Opciones avanzadas de imagen:
1. Haga clic en el botón Avanzado en el diálogo Construir como una imagen. muestra el
diálogo de Opciones avanzadas de imagen, ofreciendo algunas de la siguientes
opciones:
2. Haga clic en la flecha en el campo ‘Profundidad de color , para elegir la profundidad
de color .Si es posible, guarde espacio en la memoria reduciendo la profundidad de
color.
 Para una imagen en negro y blanco use color de 1bit.
 Para una imagen con unos pocos bloques de color liso, use color de 8 bits.
 Para una imagen con muchas sombras, use mayor profundidad de color.
3. Haga clic en la flecha en el campo ‘Filtro , para elegir un filtro .Un filtro es un
algoritmo que prepara los datos de la imagen para compresión.
4. Haga clic en ‘Entrelazado’ si lo desea. Una imagen entrelazada se descarga en etapas,
de modo que cuando la gente vea su sitio, ellos verán parte de la imagen mientras la
página se descarga. Esto hace que la imagen parezca ser descargada en forma más
rápida.
5. Haga clic en ‘Color transparente’ para hacer parte de su imagen transparente.. Haga
clic en un bloc der color para elegir un color. Cualquier parte de la imagen que
aparezca en ese color se mostrará como transparente.
6. Arrastre el control deslizante de compresión para determinar la calidad de la imagen.
Recuerde, la alta calidad de la imagen insume más memoria y lleva más tiempo para
descargar.
7. Haga clic en ACEPTAR

Notas:
Si no está seguro acerca de la configuración a elegir, acepte las configuraciones
predeterminadas.
En el diálogo Opciones avanzadas de imagen no aparecen todas las opciones listadas más
arriba. Estas opciones difieren para diferentes tipos de imagen y el diálogo aparece de forma
distinta, dependiendo de qué formato de imagen ha elegido usted.

239
Cómo Insertar un componente de imagen en un documento
Una vez que un componente de imagen ha sido construído, usted puede insertarlo en un
documento.
Para insertar un componente de imagen:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Photo para mostrar la barra de herramientas de Editar foto..

3. Haga clic en Insertar , y seleccione Imagen. Un diálogo de exploración se abre..


4. Localice el componente de imagen de acuerdo con el nombre de archivo y la localidad
que usted especificó en el diálogo Construir como una imagen. Si usted construyó
instantáneas de un documento consistentes en más de una página, cada componente
de imagen se guardó con el nombre que usted especificó y un número, por ejemplo,
Cumpleaños_001, Cumpleaños_002, etc.
5. Haga clic en Abrir.
6. Ubique el cursor en el espacio de trabajo, en el lugar donde usted quiere ubicar el
componente de imagen, haga clic una vez.
Notas:
Usted puede insertar más de un componente de imagen por vez Mantenga Mantenga
presionada la tecla MAYÚS al mismo tiempo que hace clic en nombres de archivo
adyacentes, o mantenga presionada la tecla CTRL para archivos que están adyacentes.
Usted también puede insertar componentes de imagen arrastrando y colocando desde el
Explorador del archivo o haciendo clic en Componente e Imagen, desde el menú Insertar.

240
Acerca de las escenas
Esta función le permite crear un sitio Web conteniendo páginas que cambian apariencia,
basadas en la hora del día, o el día del mes, o el mes del año y más aún. Los visitantes al sitio
Web disfrutarán de una experiencia visual dinámica muy rica.
El Asistente de escena le permite cambiar de imágenes, texto o fondos en el mismo sitio Web
siempre y cuando se cumplan ciertas condiciones temáticas. Un visitante de su sitio Web
experimentará estos temas. Por ejemplo, un tema llamado"Día de la semana"puede mostrar
distintas clases de esloganes comerciales si el sitio se visita un lunes, o martes o domingo.
Tema -una colección de las escenas posibles generalmente controladas desde el ordenador
del visitante.
ej..: Día de la semana.
Escena - un diseño de página de sitio Web preparado para un caso especial desde la
colección de temas,
ej..Lunes.

La apariencia del sitio Web puede prepararse editando el contenido o los atributos de los
elementos de diseño existentes, tales como:
 texto,
 imágenes,
 fuente de texto,
 color de texto liso, degradado o textura,
 color de forma, degradado o textura,,
 color de contorno de forma (degradado y textura, no están disponibles para escenas),
 color de fondo de página, degradado o textura,
 sonido de fondo de página,.

Un sitio Web construido usando escenas puede ser probado en su navegador de Internet
volviendo a cargar la página luego de que la fecha/hora de su ordenador han sido
modificados. Alternativamente el tema del evento puede ser simulado escribiendo la dirección
en su navegador de Internet con el siguiente formato :
file://fulPath?sceneNr
donde:
file:// - protocolo requerido para probar escenas en su ordenador,
fullPath - ruta de acceso completa a la página Web HTML en su computadora,
sceneNr - número de la escena requerida (ej.:- posición en la colección de temas.)

Ver también
Cómo construir escenas

Cómo construir escenas


Agregar y editar escenas en el documento de sitio Web sólo puede hacerse cuando el
Asistente de escena se abre.

Cómo agregar escenas:


1. Abra un documento de sitio Web existente.
2. Seleccione el Asistente de escena desde el menú Ver.

242
3. Seleccione un tema del cuadro de menú desplegable.
4. Seleccione una escena de la lista (la primera vez que usted haga esto, no seleccione el
primer elemento en la lista, como esto es la escena predeterminada ).
5. Seleccione un elemento en su página que cambiará dependiendo de la escena.
6. Modifique la imagen, texto, color o fuente de este elemento.
7. Repita los pasos 4, 5 y 6 tantas veces como sea necesario.
8. Verifique que su diseño sea correcto seleccionando escenas diferentes de la lista - los
elementos sobre la página cambiarán de acuerdo con la escena que usted seleccione
9. Haga vista previa del documento en su navegador de Internet mientras el Asistente de
escena está abierto. Un Monitor de vista previa de escena se agregará al sitio
Web, lo cual le permitirá simular cambios de escena.
10. Construya un sitio Web HTML Dinámico y publique su sitio en la Internet.
Cómo quitar una sola escena del o los elemento(s) seleccionado(s):
1. Seleccione el Asistente de escena desde el menú Ver.
2. Seleccione un elemento en su página de donde quitará la escena.
3. Seleccione una escena para eliminación de la lista en el Asistente de escena.
4. Haga clic en Quitar escena seleccionada en el Asistente de escena.
5. Repetir los pasos 2, 3 y 4 tantas veces como sea requerido.
6. Verifique que su diseño es correcto seleccionado diferentes escenas de la lista - los
elementos de la página cambiarán dependiendo de la escena que seleccione
Cómo quitar todas las escenas del o los elemento(s) seleccionado(s):

1. Seleccione el Asistente de escena desde el menú Ver.


2. Seleccione un elemento en su página de donde quitará las escenas.
3. Haga clic en Quitar todas las escena en el Asistente de escena.
4. Repetir los pasos 2, 3 y 4 tantas veces como sea requerido.
5. Verifique que su diseño es correcto seleccionado diferentes escenas de la lista - los
elementos de la página cambiarán dependiendo de la escena que seleccione
Cómo quitar todas las escenas del documento de sitio Web:
1. Abra un documento de sitio Web existente.
2. Seleccione el Asistente de escena desde el menú Ver.
3. Seleccione el tema Nada en el cuadro del menu desplegable.
4. Cierre el Asistente de escena y guarde el documento.

Buena práctica:
Cuando defina escenas para elementos de texto, elija solamente elementos pequeños de
texto.
Mantenga colores consistentes para el texto: use solamente colores, degradado o texturas.
No cree demasiadas escenas - pueden ser difícil de mantener y encontrar luego.
Sugerencias:
Usted puede cambiar la apariencia del sitio Web para unas pocas escenas de la colección, por
ejemplo usted puede usar el tema del día de la semana para tener una escena distinta
solamente en el domingo
Imágenes con definiciones de escena no deben tener recortes o efectos de imagen aplicados,
y deben ser del mismo tamaño.
Nota:
Las escenas sólo se generan cuando el sitio Web se construye como HTML.dinámico.

243
Los paquetes de sitio Web con escenas que son generalmente mayores en tamaño que un
sitio Web normal.
Todas las operaciones que no están relacionadas con la definición de escena se aplican al
diseño de manera usual, por ejemplo eliminar un elemento quitará este elemento de la página
del documento.
Una página Web con escenas no deber incluir formas, código personalizado, animación o
efectos que puedan entrar en conflicto con el código HTML usado para activar las escenas.

Ver también:
Acerca de las escenas

244
Cómo abrir el Inspector

. Desde el menú Ver, seleccione Inspector.


Esta acción alternará la visibilidad el ocultamiento del Inspector. El Inspector estará
acoplado a la derecha de la pantalla de Web Easy, o puede estar flotando sobre Web Easy,
de acuerdo con su preferencia.

Ver también
Cómo usar el Inspector
Propiedades del Inspector
Estilos de Inspector
Capas del Inspector

Cómo usar el Inspector


El Inspector es un diálogo que le permite ver y editar las propiedades relacionadas con el
elemento que usted ha seleccionado actualmente.

Para abrir el Inspector seleccione Inspector desde el menú Ver, o use el acceso rápido
CTRL+K.
Después de haberlo abierto el inspector tratará de actualizar cada vez que la selección
cambie, mientras usted edita su álbum de sitio Web. Cada tipo de elemento mostrará distintas
propiedades. Por ejemplo si usted tiene un elemento de texto seleccionado usted será capaz
de cambiar la fuente del Inspector, sin embargo no podrá cambiar la fuente si tiene una
imagen seleccionada, pero podrá cambiar propiedades de imagen como el brillo de la imagen.

El Inspector tiene tres fichas, propiedades, estilo y capas.

La ficha Propiedades muestra propiedades generales que proveen información sobre el


elemento y le permite editar configuraciones. Usted puede cambiar las propiedades para la
presente selección, la página presente o el sitio completo.

La ficha Estilo le permite editar los atributos que serán usados para crear la hoja de Estilo
que se genera con su sitio Web en un modo HTML estilizado. Algunos de estos atributos sólo
son compatibles si usted está construyendo una página en un modo HTML estilizado.. Usted
puede cambiar las propiedades para la selección actual, la página actual o el sitio completo.

La ficha Capas le da una lista de todos los elementos en su página y le permite bloquear u
ocultar y mover capas hacia arriba y hacia abajo de la vista. La ficha de capas sólo se aplica a
la página actual .

El Inspector puede estar flotando sobre Web Easy, o acoplarse a la derecha de la pantalla
de Web Easy, de acuerdo con su preferencia.

Sugerencia:
Use Ctrl+K para abrir y cerrar rápidamente e Inspector.

Propiedades del Inspector

246
El Inspector tiene varias categorías o propiedades. Seleccione una categoría debajo, para
mayor información.
Construcción de sitio Web
Detalles de archivo
Página
Diseño de sitio
Procesamiento de imagen
Efectos de imagen
Detalles de imagen
Configuraciones de página
Página Web

Estilos del Inspector

El Inspector tiene dos categorías de estilos.


Elemento
Dibujo

Sugerencia:
Algunos estilos requieren que usted los construya como HTML con CSS o XHTML con CSS.

247
Propiedades de los detalles del archivo

Las propiedades de los detalles del archivo le permiten ver los detalles del archivo físico en su
disco local. Todas las propiedades en esta sección son sólo para información y no pueden ser
editadas

Atributo Descripción
Nombre de El nombre del archivo
archivo
Tamaño de El tamaño del archivo
archivo
Creado La fecha y hora de la creación del archivo
Modificado La fecha y la hora en que el archivo se modificó por última vez.
Atributos Los atributos del sistema de archivos del archivo:
a: Se establece el indicador de almacenamiento.
r: El archivo es sólo lectura.
h: El archivo está oculto.

Ver también
Inspector Propiedades del documento
Inspector Propiedades de la página
Inspector Propiedades de la selección

Propiedades de los detalles de la imagen


Las propiedades de los detalles de la imagen le permiten ver los detalles del archivo original
de imagen, tales como tamaño de archivo, formato y número de colores. Todas las
propiedades en esta sección son sólo para lectura.

Atributo Descripción

Nombre El nombre del archivo de imagen en el disco.

Tamaño de El tamaño del archivo de imagen en el disco. Es importante usar pequeños


archivo archivos para aumentar la velocidad de descarga de su sitio.
Formato El nombre del formato de la imagen.

Tamaño Las dimensiones del archivo original de imagen.


original
Profundidad La profundidad de color de la imagen. La profundidad de color oscila desde color
de color de 1-bit, el cual producirá un imagen en puro blanco y puro negro, a color de 32-
bits, con la posibilidad de billones de colores.
Capas El número de capas en la imagen. Algunos formatos de imagen, como PSD
permiten capas múltiples de imágenes en un solo archivo de imagen.

249
Ver también
Inspector Propiedades del documento
Inspector Propiedades de la página
Inspector Propiedades de la selección

Propiedades de los efectos de imagen

Las propiedades de los Efectos de imagen le permiten ver información acerca del archivo de
imagen como se muestra en su documento de Web Easy. Estos efectos no se refieren al
archivo de imagen original y cambiar los valores para esos efectos no cambiaría el archivo
físico original. Los cambios solamente aparecerán en su documento. Si usted aplica efectos
Web Easy creará una nueva imagen para su sitio Web con todos los efectos aplicados en el
tiempo de construcción.

Atributo Valo Valor Valor Descripción


r mínimo máximo
pred
eter
mina
do
Brillo 0 -255 +255 La cantidad de brillo que se aplicó a la
imagen original. El rango de valores que se
permite para el brillo oscila entre-
255(oscuro) y +255(claro) donde 0
corresponde a la imagen original.
Contrast 0 -100 100 Use el efecto de contraste para ajustar el
e contraste entre luz y sombra en su foto.
Usted puede o aumentar o disminuir el
contraste.
Gamma 0 0 50 Cuando usted ajusta la gamma usted
incrementa el contraste dentro de los
medios tonos, sin afectar los reflejos o las
sombras.
Desenfo 0 0 84 Use el efecto desenfocar para agregar un
car foco suavizado a su foto.

Enfocar 0 0 96 Use el efecto 'enfocar' para agregar un


foco más nítido a su foto.

Detectar 0 0 100 Use la función Detectar bordes para crear


bordes efectos de línea interesantes con sus fotos.
Este efecto localiza los bordes de los
objetos en una foto y los reduce a un
contorno.
Relieve Des Desactivado Activado Al dar relieve a una foto se la hace
acti aparecer como una escultura en relieve.
vad
o
Auto Des Desactivado Activado El auto contraste ajusta automáticamente

250
Contrast acti el contraste entre la luz y la sombra,
e vad resolviendo el contraste que realzará su
o foto de la mejor manera. Usted puede
aumentar o disminuir el contraste.
Ajustar 0,0, -168,-96,-96 168,96,96 Use el efecto Ajustar color (HSI) para
HSI 0 incrementar o disminuir el matiz, la
saturación y la intensidad de su imagen. .
Use este efecto para avivar una foto opaca,
o para atenuar una foto con colores
chillones. . Experimente con este efecto
para lograr el resultado apropiado con sus
colores.
Ajustar 0,0, -240,-240,- 240,240,24 Use el efecto Ajustar color para aumentar
RGB 0 240 0 ciertos valores de color en su imagen. El
diálogo le permite agregar rojo, verde y
azul adicionales, y también sus colores
complementarios - aguamarina, fucsia y
amarillo. Use este efecto para realzar una
foto con colores desequilibrados o para
experimentar con ella para obtener efectos
de color interesantes.
Quitar Des Desactivado Activado Use quitar motas cuándo una foto está
motas acti polvorienta o rayada. El efecto quitar motas
vad elimina el polvo o las ralladuras y le da a la
o imagen un efecto más liso.
Realzar Des Desactivado Activado Realzar mejora la calidad de su foto
acti automáticamente. Web Easy
vad automáticamente detecta qué aspectos de
o su foto necesitan mejorar y aplica los
efectos que sean requeridos.
Invertir Des Desactivado Activado Invertir una foto es como crear un color
acti negativo desde ella. Cada color se
vad reemplaza por el color opuesto en el
o espectro. Esta función es útil para obtener
fotos de negativos escaneados, o para
crear efectos interesantes en
composiciones artísticas.
Escala Des Desactivado Activado Convertir a escala de grises significa
de acti convertir la foto a un formato que reconoce
grises vad solamente tonalidades de gris. Quita la
o información de color de la foto.
Profundi Ima 1 32 El efecto de profundidad de color le
dad de gen capacita para cambiar la profundidad de
color origi color de su imagen. La profundidad de
nal i color oscila entre "color 1-bit" , lo cual
reduce la imagen a blanco y negro puro, y
"color 32-bits" con la posibilidad de
billones de colores. Usted puede reducir la
profundidad de color para ahorrar memoria
o para dar un efecto moteado interesante.
Transpar 0 275 0 Usted puede hacer su foto parcialmente
encia transparente, para que otras imágenes
sean visibles desde abajo de ella. El efecto
transparencia le permite determinar el nivel

251
de transparencia que debe aplicarse a su
imagen..

Sugerencia
Ninguna de estas propiedades de los Efectos de imagen cambiará su imagen original. Una
imagen nueva se creará cuando usted construya su sitio y su imagen original será preservada.
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Cuando ajustar el matiz, la saturación o la intensidad
Cuando ajustar la gamma

Propiedades de procesamiento de imagen

Las propiedades de procesamiento de imagen le permiten ver información sobre cambios a


la imagen que han sido aplicados en su página Web Easy

Atributo Descripción
Ángulo Es el ángulo al que es rotado el elemento actualmente seleccionado. Solamente
rotado las imágenes pueden ser rotadas. Pueden ser rotadas a cualquier número entero
entre 0 y 360 grados. Los bordes no pueden aplicarse a las imágenes que rotan a
un ángulo que no sea 90, 180 y 270.
Dimensiones Es el recortado que se aplicó a la selección actual. El recortado reduce la cantidad
de recortado visible de la imagen. No edita el archivo de imagen original.
Enmascarami La máscara o esténcil que se aplicó a la imagen actual. Si no hay máscara
ento de aplicada esta entrada estará en blanco.
imagen
Espejo El espejo y la dirección que han sido aplicados a la imagen ( si lo hay).
Efectos de Indica si algún efecto de foto se ha aplicado a esta imagen.
foto
Sugerencia
Ninguna de estas propiedades de los Efectos de imagen cambiará su imagen original. Una
imagen nueva se creará cuando usted construya su sitio y su imagen original será preservada.
Sin embargo, usted necesita conservar la imagen original ya que Web Easy necesita cargar su
documento todas las veces.
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades del documento de Inspector

Las propiedades del documento muestran las propiedades que se aplican al sitio Web que

252
usted está diseñando actualmente, a diferencia de la página actual o la selección actual. Para
ver las propiedades del documento actual:

1. Abra el Inspector.
¿Cómo?
2. Haga clic en la ficha Propiedades del Inspector.
3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Documento.

Las propiedades del documento se agrupan de la siguiente forma;


Diseño de sitio
Construcción de sitio Web
Configuraciones de página
Detalles de archivo

Por favor note que las Configuraciones de página también se encuentran disponibles al nivel
de la página y que toda propiedad cambiada en el nivel de la página reemplazará aquella
realizada a nivel del documento.

Propiedades de la página de Inspector

Las propiedades de la página se relacionan todas a la página que usted está mirando
actualmente en Web Easy. Para mirar o editar las propiedades de la página actual.

1. Abra el Inspector.
¿Cómo?
2. Haga clic en la ficha Propiedades del Inspector.
3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Página.

Las propiedades de la página se agrupan de la siguiente forma;


Página
Configuraciones de página
Página Web

Propiedades de la selección de Inspector

Las propiedades de la selección se relacionan a los elementos seleccionados en la página


usted está mirando actualmente en Web Easy. Para mirar o editar las propiedades de la
selección de la página actual:

1. Abra el Inspector.
¿Cómo?
2. Haga clic en la ficha Propiedades del Inspector.

253
3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Selección.

Las propiedades de la selección cambiarán dependiendo del tipo de elemento seleccionado,


pero se agrupan en las siguientes secciones;

Elemento
Procesamiento de imagen
Efectos de imagen
Detalles de imagen
Detalles de archivo

Propiedades del elemento

Las propiedades del elemento le permiten ver información y hacer cambios a las propiedades
del elemento actualmente seleccionado.

Atributo Descripción
Tipo El tipo de objeto que usted ha seleccionado. Este podría ser una imagen o
forma o texto, entre otros.
Contenido El HTML actual que está en el texto, en texto enriquecido o el texto en bruto en
el caso de texto simple.
Imagen El nombre del archivo de la original imagen de origen, sin la información de la
ruta de acceso.
Bloqueado Revela si el elemento está bloqueado. Si un elemento en la página está
bloqueado no puede ser seleccionado haciendo clic sobre él con el botón del
ratón. Si usted quiere seleccionarlo use la ficha capas en el Asistente de
Inspector.
Miembro de Revela si un elemento es el miembro de un grupo. Los elementos agrupados
grupo se moverán todos juntos si usted hace clic en ellos o arrastra y coloca a otro
lugar en la página.
Vínculo Muestra si el objeto tiene un vínculo. Este vínculo puede ser a otra página de
su sitio, a otro sitio Web de archivos pares.
Target =Blank Si se selecciona el elemento, el vínculo de destino se abrirá en una nueva
ventana.
Vínculo de Si el elemento tiene un vínculo a un archivo de audio, el nombre del archivo se
Audio mostrará aquí.
Sombra Revela si el elemento tiene aplicado un efecto de sombra.
Esténcil Nombre de archivo del efecto de esténcil aplicado a la imagen.
Animación Tipo de animación DHTML, si hay alguna, aplicada a la imagen.
Escenas Nombre de las escenas aplicadas a la página.
Filtro IE Filtro IE aplicado al objeto.
Título Html Título Html aplicado al objeto. Se convertirá en un mensaje emergente al verse
en el navegador de Web. Si está agregado, este elemento constituye

254
importante información sobre la página, más que decoración.
Texto alternativo Texto a desplegarse si la imagen está inaccesible, o si el usuario ha
desactivado imágenes en su navegador de Web.
Nombre Html Html Nombre atributo para los elementos de formulario.
Valor Html Html Valor atributo para los elementos de formulario.
Estado Html Html Atributo de verificación para los elementos de formulario, como
checkboxes o botones de radio
Acción Html Html Atributo de acción para el elemento de formulario.
Método Html Html Atributo de método para el elemento de formulario.
Enctype Html HTML Enctype determina como se codifican los datos del formulario. El
enctype predeterminado es "application/x-www-form-urlencoded". El
navegador de Web anexará los datos del formulario al url en los controles del
formulario (elemento) nombre= formato de valor, separándolos con un signo &
. Usted debe seleccionar "multipart/form-data" si usted está enviando
grandes cantidades de datos como imágenes o archivos.
Título Título de página. El texto puede ser mostrado en la barra de título del
navegador.
Rollover Muestra si el grupo seleccionado de objetos está organizado en una definición
de botón rollover . Nota: un grupo tal debe tener todas las imágenes del
mismo tamaño y posición.
Número de Si el elemento que usted ha seleccionado es un grupo, esta propiedad le
elementos mostrará cuántos elementos hay en el grupo.
Imagen de Si el elemento que usted ha seleccionado es una imagen de campo, entonces
campo el nombre de archivo de la imagen seleccionada se mostrará aquí. Usted
puede cambiar también este archivo haciendo doble clic en esta propiedad.
Propiedades de Edita los parámetros del código para los objetos Web Easy que usted ha
código agregado a su sitio.
Propiedades del Edita las propiedades del reproductor de multimedia para algunos elementos
reproductor de multimedia que usted ha insertado en su página. Un ejemplo: archivos
flash. Usted podrá establecer parámetros tales como calidad.
Código Muestra código personalizado agregado al elemento.
personalizado

Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades de la página
Las propiedades de Página le permiten cambiar varias propiedades que se aplican a la
página actual de su sitio.

Atributo Descripción
Dimensiones El ancho y el alto del sitio Web..
Márgenes de La configuración para agregar márgenes en la parte superior y en la
página izquierda de su página Web..
Audio El archivo de audio, si lo hay, agregado a la página para ser reproducido
cuando la página se carga.

255
No repetir audio Determina si el audio debería repetirse continuamente.
Efectos El efecto dinámico a reproducirse cuando la página se carga y la longitud de
tiempo que durará. Estos efectos solo funcionarán en Internet Explorer y si
usted exporta como Dinámico HTML.
Transición Establecer una transición le permite a su sitio avanzar a la página siguiente
luego de un período específico de tiempo Esto se hace usando efectos
específicos IE y no será visto en otros navegadores.

Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades de configuración de página

Las Propiedades de configuración de página le permiten cambiar varias propiedades a


aplicarse al HTML de la página Web en construcción.
Por favor note que las Configuraciones de página también se encuentran disponibles al nivel
de la página y que toda propiedad cambiada en el nivel de la página reemplazará aquella
realizada a nivel del documento.
Estas propiedades pueden ser establecidas al nivel del documento o al nivel de la página. Si
usted configura estas propiedades al nivel del documento, ellas se aplicarán a todas las
páginas exceptuando las páginas que reemplazan la configuración teniendo información ya en
las propiedades de página a nivel de página.

Atributo Descripción
Autor La etiqueta HTML META para Autor para ayudar a identificar su página.
Palabras clave La etiqueta de palabras clave HTML META que se agregará a su HTML de
origen para ayudar a lo motores de búsqueda a que hagan coincidir palabras
clave y que encuentren su sitio.
Descripción La etiqueta de descripción HTML META que se agregará a su página o su sitio
para ayudar a lo motores de búsqueda a que encuentren su sitio.
Icono favorito Establecer el icono de favoritos para que se muestre en la barra de dirección
cuando la gente visita su sitio y también si la gente agrega su sitio a los
favoritos.
Juego de El Juego de caracteres que usa el sitio Web. Esto agregará la definición del
caracteres carácter configurado en el html producido de esta forma, <meta http-
equiv="Content-Type" content="text/html; charset=HZ-GB-2312">
URLBase El URL Base puede ser usado para cambiar la localidad básica de Internet
para todos los vínculos relativos a su sitio. Usted debe especificar la
propiedad del documento para el Sitio Base URL.
Usted puede seleccionar Excluído para mantener los vínculos relativos a la
localidad básica de Internet
Usted puede seleccionar Incluir como sitio base URL para cambiar todos los
vínculos relativos en su sitio en otra localidad de Internet. Esta opción
agregará la etiqueta HTML <Base>a la sección de ¨ head¨del código de origen
de página HTML junto con el URL especificado como el URL. base del sitio.

256
Usted puede seleccionar Recursos con URL. base del sitio. para usar URLs
absolutos de Internet por recursos dentro de su sitio Web. Los recursos
incluyen. imágenes, multimedia y todo vínculo a archivos usado dentro de su
página de sitio Web.. No debe añadirse una etiqueta <Base> a la sección
¨head¨ de su código HTML.
Expira La fecha de expiración del documento. Esto causará que un documento sea
recargado desde el sitio Web luego de esa fecha. Al usar una fecha en el
pasado su página no será almacenada en memoria cache por la gente viendo
su sitio.
Canal RSS RSS (Really Simple Syndication) es un método que permite a los usuarios de
su sitio Web suscribirse y obtener la provisión de RSS feeds. Las páginas
deben ser diseñadas en una forma que Web Easy pueda reconocer lo que va
a ser configurado como el título de cada elemento en el feed. Web Easy usa
un algoritmo inteligente para determinar el contenido. Para ayudar a que Web
Easy reconozca su contenido de RSS correctamente usted debe tener su texto
de título como una descripción corta de una línea y sin vínculos. Debajo de
esto usted debe colocar el contenido para el elemento RSS.
Recargar URL Le permite establecer un URL adonde su sitio se redirigirá luego del número
de segundos especificados en 'Recargar luego'.
Recargar El número de segundos hasta que su sitio sea recargado o redirigido si usted
después tiene configurado un 'Recargar URL'
Color de El color de los vínculos de texto que no han sido visitados aún en la página .
vínculo
Vínculo visitado El color de los vínculos de texto que han sido visitados en la página .
Vínculo Activo El color del vínculo al ser seleccionado.
Color de texto El texto de color predeterminado para el texto en su página.
Fondo Cómo se muestra el fondo de su página, fijo o deslizante. Si es fijo la imagen
no cambiará cuando el usuario desplaza la página hacia abajo
Si es deslizante entonces la imagen se desplazará con la página.
Barras de Especifique cómo se mostrarán las barras de deslizamiento para su página.
deslizamiento Usted puede mostrar barras de deslizamiento todo el tiempo, sólo cuando lo
necesite o nunca. Algunos navegadores de Internet pueden ignorar esta
configuración o comportarse diferentemente de otros navegadores.
Medida El tipo de unidades de medida que se usará en los códigos HTML y CSS
generados por Web Easy. Cada tipo de unidad de medida tiene ventajas y
desventajas sobre las otras y usted deberá seleccionar la que se ajuste a sus
necesidades
Web Easy es compatible con las siguientes unidades;
Puntos absolutos: La medida de los elementos se basa en el sistema de
puntos usado por las fuentes.
Pixeles absolutos: Exportará elementos con la media basada en los pixeles, o
puntos en la pantalla . Esto se muestra en forma distinta en máquinas con
diferentes resoluciones.
Basadas en el tamaño de la fuente: La medida de los elementos se
incrementará y disminuirá basada en la medida de las fuentes que su
navegador está configurado para mostrar. Mientras usted diseña su sitio en
Web Easy la medida de todo está basada en la fuente de tamaño normal.
Porcentaje de ancho de página: Al cambiar el tamaño de la ventana del
navegador los elementos cambiarán de tamaño con la página.
Nota: la configuración de arriba se aplicará a todas las páginas.

257
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades de diseño de sitio

Las propiedades del diseño de sitio le permiten ver y alterar las propiedades del archivo del
documento Web Easy mientras usted está editando.

Atributo Descripción
Nombre del Nombre del documento que usted está editando. Este será un archivo .ALB , el
documento cual es el archivo de origen original que Web Easy carga y presenta. No es un
archivo que pueda ser mostrado en un navegador de Internet
Número de El número de páginas que usted tiene en su documento actual Web Easy.
Páginas Cada página en su documento está hecha en una página cuando usted
construya su sitio.
Estilos Le dice si usted está usando estilos dentro de su sitio. Si usted está usando
estilos usted necesita construir su sitio Web usando HTML o XHTML con CSS
para que todos los estilos se muestren.
Escena Tema La escena que usted está usando en su sitio Web, si la tiene. La escena
principal le permite crear un sitio Web Site conteniendo páginas que cambian
apariencia basadas en la hora del día, o el día del mes, o el mes del año y más
aún.

Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades de página Web


Las Propiedades de página Web le permiten cambiar a varias opciones y agregar código a la
página actual de sitio Web.
Atributo Descripción
Título El texto que ha de ubicarse en la barra de título, o el título de ficha del
navegador de cuando la página está cargada.
Nombre de archivo El nombre de archivo con el cual designar a la página Web.. Si usted
especifica una página primaria cuando construya su sitio, este valor será
ignorado..
Eventos de ´Body´ Código personalizado para agregar al fin de la definición de etiqueta de
body HTML .
Elementos de Código personalizado para agregar al fin del código HTML justo antes de
´Body la etiqueta de body .
CódigoJ-/JScript Código de origen JavaScript para agregar a su código HTML.
de origen

258
Elementos de Código personalizado para agregar a la sección Head del código HTML .
´Head ´

Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

Propiedades de la construcción del sitio Web

Las propiedades de la Construcción del sitio Web le permiten cambiar varias opciones que
se aplican a cada página de su sitio Web. Usted puede cambiar el modo en que el sitio está
construido, qué tipo de imágenes son producidas y la estructura de sus archivos html
exportados.

Las propiedades disponibles son;


Atributo Descripción
Construir como Le permite seleccionar el tipo de salida producida cuando construye su sitio
Web. Esto pueden ser HTML simple, escenas dinámicas, HTML con CSS o
XHTML con CSS.
Nombre del sitio Nombre del paquete Web. Puede ser usado para nombrar los archivos HTML.
Directorio del La carpeta donde su sitio Web se construirá.
Sitio
URL base del El nombre del dominio donde su sitio Web se publicará. Especifique el URL de
sitio Internet de su sitio Web. por ej.: http://www.v-com.com/
Esta información puede ser usada por otras propiedades como: URL base y/o
Canal RSS para una generación de código HTML consistente.
Página primaria Esta es una página que se carga automáticamente cada vez que alguien entra
en su sitio Web y no especifica el nombre de una página HTML.
La mayoría de los sitios Web comienzan con una Portada que presenta el
tema y provee vínculos a las otras páginas en el sitio. Cuando usted diseña
su documento, recuerde que usted puede definir la primera página del
documento como la primera página de su sitio. Diseñe su primera página
como una Portada.
Tipo de archivo La extensión usada por los archivos html que sea crean cuando su sitio se
HTML construye.
Carpeta de El nombre de la carpeta en que serán ubicadas todas las imágenes de su
imagen sitio Web. La carpeta se ubicará bajo el Directorio del sitio cuando se
construya su sitio.
Carpeta de El nombre de la carpeta en que serán ubicadas todos los medios de su sitio
medios Web. Ejemplos de medios son archivos de video y archivos de audio. La
carpeta se ubicará bajo el Directorio del sitio cuando se construya su sitio.

Paleta de La paleta que debe usarse al crear nuevas imágenes desde el diseño.
colores
Tipo de imagen El tipo de archivo creado cuando Web Easy no puede usar la imagen de
nueva origen original. Especifique el formato de archivo de imagen que usted prefiere

259
que Web Easy genere.

Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección

260
Estilos de dibujo

Los Estilos de dibujo se usan para manipular los estilos CSS aplicados a los objetos en su
página en la página actual misma.
Por favor note que no todos los estilos se encuentran disponibles para todos los objetos. Por
ejemplo, usted no puede aplicar una fuente a una imagen.

Atributo Descripción
Color de fuente El color del texto seleccionado.
Primer plano El color, imagen, degradado o trama a aplicar al primer plano del texto
seleccionado. Para texto simple esto se aplicará a la cara del texto.
Fuente La fuente aplicad al objeto seleccionado.
Alinear El alineamiento horizontal del texto. Esto puede ser centrado o justificado a
Horizontalment derecha o izquierda.
e
Alinear El alineamiento vertical del texto. T Esto puede ser centrado o justificado en la
Verticalmente parte inferior.
Transparente Si el objeto es transparente. En cuanto a texto, esto cambiará la forma del
bloque de texto de tener un fondo transparente a uno sólido. Cuando la
transparencia está desactivada usted puede establecer el color o trama a usar
como fondo. Desactivar la transparencia para una imagen sólo tendrá efecto si
la imagen tiene áreas transparentes como ocurre con algunas imágenes GIF y
PNG.
Relleno de El color con que se llena el objeto. Para las imágenes esto no tendrá ningún
Color efecto a menos que sea una imagen con áreas transparentes y la transparencia
se desactive.
Fondo El fondo del objeto. Esto puede ser un color sólido, un degradado, un archivo
de imagen o una trama punteada predefinida.
Color de El color de fondo de la página. Si usted tiene un fondo y también un color de
página página. , el fondo tomará precedencia.
Borde* El estilo CSS de borde aplicado al objeto.
Color de El color del borde aplicado.
*Borde*

Estilo de línea Para los objetos que tienen una línea, el estilo de esta línea. Puede ser
discontinua, punteada o sólida. Si es sólida, esta configuración es del ancho de
la línea en pixeles.
Margen La cantidad de margen interior de CSS aplicado al texto. Este valor está en
interior* pixeles.

*) Usted debe construir o HTML con CSS o XHTML con CSS para que estos estilos sean
exportados .

Ver también
¿Cómo se representan los colores en los sitios Web?
Estilos de bordes
Color de borde

262
Configuraciones de margen interior de texto

Estilos de elemento
Los Estilos de elemento se usan para manipular los estilos CSS aplicados a los objetos.
Algunos de los elementos no requieren que usted construya con CSS mientras otros sí lo
hacen.

Atributo Descripción

Tipo El tipo de elemento seleccionado. Tipos incluyen texto decorativo, texto


enriquecido, imagen o campo.
Dimensiones El ancho y el alto del elemento seleccionado en pixeles.
Tamaño de El ancho y el alto de página en pixeles.
página
Posición La posición X e Y en pixeles del elemento seleccionado en la página.
Clase de La Clase de estilo aplicada a este elemento.
estilo*
CSS* El CSS personalizado aplicado a este elemento. Por favor tenga cuidado de
personalizado escribir solamente estilos CSS válidos.
Etiqueta La etiqueta personalizada aplicada a este elemento. Es el nombre de la
*personalizada etiqueta HTML que se usa. Se aconseja usar las etiquetas presentadas para
datos importantes en su página porque esto ayudará a los motores de búsqueda
a encontrar las palabras clave en su sitio.
*) Usted debe construir o HTML con CSS o XHTML con CSS para que estos estilos sean
exportados .

Ver también

¿Qué es una clase de estilo?

Estilos de edición de texto enriquecido

Los estilos siguientes se aplican solamente al texto enriquecido. Están disponibles sólo
cuando se edita un elemento de texto enriquecido en su documento Web Easy . Esto significa
que usted no los verá cuando tenga solamente en elemento de texto enriquecido seleccionado
en su página, pero sólo después de que usted haga doble clic para comenzar a editar el
texto. Esto es porque se aplican a secciones de texto y no al bloque de texto completo.

Atributo Descripción

Tipo de selección El tipo de selección:


 sin selección cuando el texto no se resalta
 rango del texto cuando el texto está seleccionado
 rango de control cuando imagen o tabla están seleccionadas.

263
Color de primer El color del texto para el texto actualmente seleccionado.
plano
Nombre de fuente La fuente para el texto actualmente seleccionado.
Tamaño de fuente El tamaño de fuente para el texto actualmente seleccionado. Este tamaño
de fuente no es su tamaño estándar en puntos de fuente , sino el atributo
CSS de tamaños de fuente, el cual varía en tamaño desde 1 a 7, de lo más
pequeño a lo más grande.
Estilo de fuente en Atributo de negrita para el texto actualmente seleccionado
negrita
Estilo de fuente Atributo de cursiva para el texto actualmente seleccionado
cursiva
Fuente subrayada Atributo de subrayado para el texto actualmente seleccionado.
Alineamiento Centrado del bloque actual de texto (no sólo selección).
Horizontal
Color de fondo El color de fondo detrás del texto para el texto seleccionado actualmente..
Formato de bloque Etiqueta de estilo CSS para aplicar a un elemento de texto enriquecido.

Ver también
Estilos de Inspector

264
Capas del Inspector

La ficha de capas de Inspector le permite ver todos los elementos en la página, en forma
tabular. Usted puede entonces modificar la posición en que se encuentran los elementos y
también cambiar la visibilidad y bloquear elementos para prevenirles de ser modificados.
Para bloquear un elemento usando el Inspector, localice y seleccione el elemento en la tabla
de capas y luego haga doble clic en la segunda columna de la misma fila para ubicar una cruz
contra la columna bloqueada.

Para hacer que un elemento sea visible usando el Inspector, localice y seleccione el elemento
en la tabla de capas y luego haga doble clic en la primero columna en la misma fila para
ubicar una cruz contra la columna visible.

266
¿Qué es una clase de estilo?
Una clase de estilo le permite modificar atributos CSS de estilo (basados en la especificación
CSS 2.1 ). Mientras hay muchas propiedades CSS, solamente se describen los estilos
relevantes para construir una página. Web Easy, sin embargo, le permite agregar cualquier
estilo personalizado CSS a su página a través de la función 'CSS personalizado' del editor
de clase de estilo.

En Web Easy una clase de estilo agrupa juntos múltiples CSS dentro de su propia clase o
grupo. Entonces es fácil aplicar esta clase a elementos múltiples dentro de su sitio Web.. Al
hacer esto el HTML será conciso y fácil de actualizar.

Lectura adicional:
Los usuarios avanzados pueden encontrar más información visitando la página principal World
Wide Web del consorcio. Allí pueden encontrarse recursos y lectura para expandir sus
conocimientos es esta área, como por ejemplo el estándar CSS (2.1). Usted puede averiguar
más visitando su página principal CSS en http://www.w3.org/Style/CSS/

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Clases de estilo global
Clases de estilo de documento
Cómo editar una clase de estilo

Diálogo de clase de estilo

Este diálogo le permite establecer clases de estilo y agregarlas al elemento seleccionado en


su página, y hasta en la página misma. Para abrir el diálogo, elija Estilo desde el menú
Herramientas.

1. Seleccione el dominio de las clases de estilo a mirar. Este puede ser Todos los estilos,
Documento o Estilos globales. Estilos globales son una serie de clases de estilo
predefinidos que están disponibles en todas los sitios Web construidos con Web Easy.
Estilos de documento son estilos que usted ha agregado al documento actual donde está
trabajando. Todos los estilos le mostrará clases de estilo de documentos globales y locales
por igual.

Si usted tiene estilos establecidos en otro documento usted puede usar el botón importar para
seleccionar ese archivo .ALB e importar los estilos.

2. Lista de clases de estilo: Esta lista le permite seleccionar una clase de estilo. Cuando la
seleccione, una vista previa del aspecto de la clase de estilo y una descripción a textual de su
contenido se mostrarán a la derecha del cuadro de lista.

268
3. Aplicar: Luego de seleccionar una clase de estilo presione el botón Aplicar para aplicar la
clase de estilo al objeto seleccionado en su página.

4. Botón Editar: El botón Editar le permite abrir las opciones para crear clases de estilo
nuevos y editar claes existentes.

Los botones ejecutan las siguientes operaciones;

Botón Descripción
Modificar... Le permite modificar los estilos establecidos en la clase de estilo seleccionada
actualmente.
Clase nueva... Le permite nombrar y establecer los estilos en una nueva clase de estilo.
Agregar Le permite cambiar los estilos cuando los elementos tienen vínculos anexados
vínculos... a ellos.
Importar todo.. Le permite importar las clases de estilo desde otros documentos de Web Easy.
Eliminar Le permite eliminar todas las clases de estilo seleccionadas actualmente.
Eliminar Le permite eliminar todas las clases de estilo .
todo

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.
Ver también

Cómo agregar una nueva clase de estilo


Cómo aplicar una clase de estilo
Clases de estilo de documento
Clases de estilo global
Cómo cambiar el comportamiento de vínculo
Cómo editar una clase de estilo

Clases de estilo global

Las clases de estilo global de Web Easy son clases de estilo que están disponibles para
todos los documentos Web Easy. Así, si usted crea un estilo que usted quiere usar en
muchos sitios, usted debería crearlo como un estilo global.

Hay algunas clases de estilo global predefinidas en Web Easy. Usted no puede editar y
agregar una clase de estilo global mientras usted tiene documentos Web Easy abiertos, sin
embargo usted puede crear una clase de estilo basada en una clase de estilo global
seleccionándola en el diálogo de clase de estilo, luego abriendo la porción editar del diálogo y
haciendo clic en Clase nueva. Esto creará un nuevo documento local de clase de estilo con
los mismos atributos del estilo global de clase que usted ha seleccionado.
Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

269
Ver también

Cómo agregar una nueva clase de estilo


Cómo aplicar una clase de estilo
Cómo agregar una clase de estilo global
Cómo editar una clase de estilo
Clases de estilo de documento
Cómo cambiar el comportamiento de vínculo

Clases de estilo de documento

Clases de estilo de documento en Web Easy son clases de estilo que se ponen a disposición
de su documento Web Easy.

Una clase de estilo es una serie de atributos de formato que pueden aplicarse a los elementos
seleccionados para modificar su apariencia. Por ejemplo, una clase de estilo puede especificar
fuente, cara de fuente, color y el borde alrededor del elemento cuadro y todos estos atributos
pueden ser agregados o cambiados solamente con un clic
Además es más fácil y más rápido cambiar la apariencia de todos los elementos teniendo el
formato de clase de estilo, simplemente modificando los atributos de la clase. Estos elementos
no necesitan ser seleccionados y pueden ser ubicados en cualquier página del documento.

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

Ver también

Cómo agregar una nueva clase de estilo


Cómo aplicar una clase de estilo
Cómo importar aplicar una clase de estilo
Cómo agregar una clase de estilo global

Cómo agregar una clase de estilo global


Las clases de estilo global de Web Easy son clases de estilo que están disponibles para
todos los documentos Web Easy.
Usted no puede editar y agregar una clase de estilo global mientras usted tiene documentos
Web Easy abiertos,.
Si usted quiere agregar las clases de estilo global,
1. Cierre todos los documentos abiertos seleccionando Cerrar todo desde el menú
Ventana.

270
2. Desde el menú Herramientas seleccione Personalizar estilo global.
Esto abre el diálogo de clase de estilo para estilos globales. Usted ahora puede editar estos
estilos y guardarlos antes de reabrir sus documentos. Después de haber editado los estilos
globales ellos estarán disponibles para todos los documentos.

Nota estas clases pueden ser usadas por sus documentos anteriores y todos cambiarán una
vez que hayas hecho modificaciones a las clases.
Sugerencia:
Todo cambio que haga a los estilos globales afectará el aspecto de los documentos existente
si ellos usan la clase de estilo global.
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

Ver también

¿Qué es una clase de estilo?


Cómo editar una clase de estilo
Cómo aplicar una clase de estilo
Propiedades de clase de estilo
Clases de estilo de documento

Cómo agregar una nueva clase de estilo

Para agregar una nueva clase de estilo en Web Easy;


1. Seleccione Estilos del menú Herramientas. Usted también puede abrir el diálogo
haciendo doble clic en el campo Clase de estilo en el Inspector.
2. Haga clic en Editar >> para exponer los botones de editar clase en el diálogo.
3. Haga clic en el botón Clase nueva... para especificar los estilos y el nombre para el
nuevo estilo de clase.
4. Haga clic en ACEPTAR
Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

Ver también

Cómo aplicar una clase de estilo


Cómo agregar una clase de estilo global
Clases de estilo de documento

Cómo aplicar una clase de estilo

Para aplicar una clase de estilo a un elemento;

271
1. Seleccione el elemento que donde usted quiere aplicar la clase de estilo.
2. Desde el menú Herramientas seleccione Clase de estilo..
3. Seleccione las clases de estilo que usted quiere ver eligiendo desde el menú
desplegable, ya sea Estilos globales , Estilos de documento o Todos los estilos.
4. Seleccione la clase de estilo del cuadro de lista de Clases de estilo.
5. Haga clic en ACEPTAR
El elemento donde aplicó la clase de estilo ya debe estar actualizado.
Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

Cómo cambiar el comportamiento del vínculo predeterminado

Tal vez usted quiera reemplazar las propiedades del vínculo predeterminado en su sitio. Esto
le permite cambiar estilos como el color de la fuente, o la fuente, cuando usted pasa el ratón
sobre ella, o cuando un vínculo ha sido visitado. Esto puede ser hecho con las instrucciones
siguientes;

1. Desde el menú Herramientas seleccione Clase de estilo .y abra el diálogo Clase de


estilo
2. Seleccione el estilo 'Normal- sin estilo'. Está en la parte superior del cuadro de lista
de estilos disponibles.
3. . Haga clic en Editar >> para expandir el lado Editar del diálogo.
4. Haga clic en el botón Agregar vínculos.

Esto creará tres etiquetas CSS de clase de estilo que aparecen como;
<A:hover>
<A:link>
<A:visited>

Estos son delimitadores de objeto que definen el comportamiento del vínculo predeterminado
para su documento. Todos los elementos de texto con vínculos usarán este estilo a menos
que usted cree una clase de estilo con su propio comportamiento de vínculo. Usted puede
hacer esto siguiendo los pasos antedichos sin embargo usted necesita crear y designar una
clase de estilo para su elemento de texto y seleccionar esa clase de estilo en el cuadro de lista
antes de hacer clic en el botón Agregar vínculos..

Usted puede ahora modificar los vínculos seleccionado el vínculo deseado en el cuadro de
lista y haciendo clic en el botón Modificar.

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

En lenguaje CSS una clase como <a:hover> se llama una pseudo-clase.

272
Ver también

Cómo cambiar el comportamiento de vínculo para una clase de estilo

Propiedades de clase de estilo

El diálogo de las propiedades de clase de estilo le permite establecer los estilos CSS para la
clase de estilo que está siendo creada. También le permite agregar cualquier CSS
personalizado que usted desee a la clase.

Una clase de estilo es un grupo de estilos CSS, que pueden ser aplicados a uno o más
elementos en su diseño de sitio Web. Le permite actualizar fácilmente su sitio, y cambiar su
estilo.

Usted puede establecer los siguientes estilos a través de este diálogo

Atributo Descripción
Color de primer El color de primer plano del elemento. Ejemplo
plano
Fuente La fuente del elemento.
Alineamiento El alineamiento horizontal del objeto.
Transparente Si el objeto es transparente. En cuanto a elemento.,con una textura
conteniendo un área, como ocurre con algunas imágenes GIF y PNG, esta
propiedad determinará si usted ve a través de la capa transparente hasta la
capa debajo del elemento. Si se aplica a un a textura sin transparencia no
ocurrirá nada.
Color de fondo El color de fondo del elemento.. Ejemplo

Degradado Aplicar un degradado al fondo del elemento. Esto impedirá que se muestre el
color de fondo. Además, la propiedad será ignorada porque un degradado
no tiene ninguna área transparente.
Textura Aplicar una imagen para usar como el fondo para el estilo de clase. Si esta
imagen tiene un área transparente usted puede usar la propiedad
Transparente para determinar cómo se maneja la transparencia.
Trama Aplicar una trama punteada como el fondo para la clase de estilo.
Borde El tipo de borde CSS aplicado al elemento.
Color de borde El color del borde CSS .
Estilo de línea Estilo del borde o línea
Ancho de línea Ancho de línea o del borde

Margen interior* Cantidad de margen interior a aplicarse a cada lado del elemento.
CSS Cualquier CSS personalizado a aplicarse a otros estilos en su clase Sólo
personalizado serán visibles en el navegador de Web.
Etiquetas HTML La etiqueta HTML que usted quisiera aplicar a su clase, si la hay.
preferidas

273
Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.
No todos los atributos pueden ser compatibles cuando una clase de estilo se aplica al
elemento en la página de diseño.
Ver también
¿Cómo se representan los colore en los sitios Web?

Cómo editar una clase de estilo

Al editar una clase de estilo existente se actualizaran los estilos de todos los objetos a los
que se aplicado esa clase de estilo. Es importante comprender que aunque un elemento
tenga una clase de estilo aplicada, también puede tener estilos locales definidos que
reemplazan aquellos incluidos en la clase de estilo. Para verificar esto usted debe abrir el
Inspector objeto y verificar todas las entradas de estilo para ese objeto.
Sugerencia:

Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

Ver también

Cómo agregar una nueva clase de estilo


Cómo aplicar una clase de estilo
Clases de estilo de documento
Cómo importar aplicar una clase de estilo
Cómo cambiar el comportamiento de vínculo

¿Cómo mejoran mi código exportado las clases de estilo?

Al usar clases de estilo las definiciones de estilo no necesitan repetirse a lo largo del código
exportado de origen, ya sea con archivos CSS o HTML. Esto es porque cuando usted usa
una clase de estilo Web Easy usted debe ubicar solamente los detalles de cada clase de estilo
una vez y luego su archivo HTML puede simplemente hacer una referencia del nombre de la
clase de estilo CSS cuando quiere aplicarla a múltiples elementos en su sitio. Esto significa
que el código producido por Web Easy será;
 Más pequeño
 Más fácil de cambiar
 Diseñado profesionalmente
 Fácil de mantener
 Capaz de adoptar las mejores prácticas de diseño HTML para sitios Web modernos
 Capaz de utilizar la última tecnología
 Listo para ser importado a otras aplicaciones de diseño Web (si se requiere)
Sugerencia:

274
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

Cómo importar clases de estilo desde documentos Web Easy

Usted puede haber creado clases de estilo en otro documento .alb Web Easy. Si a usted le
gustaría importar estas clases de estilo para usar en otro archivo de documento. Web Easy
.alb;

1. Desde el menú Herramientas seleccione Clase de estilo y abra el diálogo.


2. Haga clic en Editar >> para expandir el lado editar del diálogo.
3. Haga clic en el botón Importar todo.
4. Seleccione el archivo .alb desde donde desea importar clases de estilo.

Sugerencia
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con h CSS al usar la funcionalidad de clase de estilo.

Ver también
¿Qué es una clase de estilo?
Cómo agregar una clase de estilo global
Cómo aplicar una clase de estilo

¿Por qué mi elemento vinculado con una clase de estilo


aparece diferente en mi navegador de Web ?

Es posible que el texto en su documento Web Easy aparezca diferente al texto exportado
dentro de las siguientes circunstancias.

 Si usted aplica una clase de estilo al elemento de texto, estos estilos se aplicarán y se
mostrarán dentro de Web Easy. Sin embargo, si usted agrega luego un vínculo al
texto, los colores predeterminados para texto vinculado, ya sea visitado, hover (ratón
posado encima) o vinculado serán mostrados.
 Si usted reemplaza el vínculo predeterminado de clase de estilo, los estilos como
fuente y tamaño de fuente así como cualquier otro estilo reemplazado pueden tomar
precedencia.
Sugerencia
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

275
Cómo agregar un borde de estilo CSS
Usted puede agregar un borde de estilo los elementos en su página usando el diálogo
Configuraciones de borde. Este diálogo le permite agregar un borde de estilo CSS y
seleccionar un color para el borde. Para elementos de texto también le permite agregar
margen interior de estilo CSS a su texto.

Para agregar un borde de estilo al elemento en su página;


1. Si el Asistente de Inspector no está abierto, seleccione Asistente de Inspector dele
menú Ver.
2. Seleccione el elemento a que quiere agregar el borde.
3. En el Asistente de Inspector, haga clic en la ficha Estilos.
4. Expanda la categoría Dibujo si no está expandida.
5. Haga clic doble clic en la entrada Borde en el inspector para abrir el diálogo
Configuraciones de borde.
6. Cambie el estilo de borde, el ancho de línea y el color para cumplir con sus
requerimientos de borde. Si usted está agregando un borde a un elemento de texto
usted también puede agregar un valor de margen interior.
7. Haga clic en ACEPTAR
El borde se aplicará ahora al elemento seleccionado.

Nota de compatibilidad:
Internet Explorer 5.5 y anterior muestran bordes incorrectamente y el tamaño de los elementos
con bordes pueden ser diferentes al ser vistos en estos navegadores.

Sugerencias
 Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted
no vea exactamente los mismos colores o efectos en distintos navegadores.
 Para prevenir resultados inesperados usted debería exportar su página como HTML
con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.

Ver también
Estilos de bordes CSS

Color de borde

Usted puede cambiar el color de borde a agregar a un elemento en su página usando el


diálogo de Configuraciones de borde;

1. Abra el diálogo de Configuraciones de borde. (Ver Agregar un estilo de borde CSS


para más información)
2. Haga clic en la ficha Color.
3. Seleccione el nuevo color para el borde.
4. Haga clic en ACEPTAR

Sugerencias
 Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted
no vea exactamente los mismos colores o efectos en distintos navegadores.

277
 Usted también puede cambiar el color sin usar este diálogo usando el selector de color
desplegable. Para esto, haga clic en el estilo de color de borde en el Inspector.
 Para prevenir resultados inesperados usted debería exportar su página como HTML
con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Ver también
Cómo agregar un borde de estilo CSS
¿Cómo se representan los colore en los sitios Web?
Estilos de borde

Estilos de borde

Los bordes permitidos en Web Easy son los que son compatibles con CSS 2.1. Hay un
número de estilos de borde, a saber;

Nombre Descripción
Predeterminado Predeterminado dibuja un borde como lo predeterminado para esa clase de
elemento. Para controles como cuadros de edición estas se dibujarán para
que se parezcan a un control de Windows . Para imágenes no habrá borde.
Nada No si dibuja un borde para el elemento.
Sólido Se dibuja un rectángulo sólido.
Alto relieve Da la apariencia de un elemento que sale de la página.
Bajo relieve Da la apariencia de un elemento que se hunde en la página.

Resaltado Un borde hacia afuera más estilizado.


Surco Un borde hundido más estilizado.
Doble Una línea sólida doble.

Punteada Una línea punteada.

Discontinua Una línea discontinua.

Sugerencias
 Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted
no vea exactamente los mismos colores o efectos en distintos navegadores.
 Las siguientes imágenes muestran cómo los bordes se muestran en Web Easy, Firefox
e Internet Explorer. Cada uno de éstos son los estilos de bordes que se muestran
arriba con un borde de 9 pixeles de color rojo puro.

278
Ejemplo 1: Tipos de borde procesados por Web Easy.

Ejemplo 2: Tipos de borde procesados por FireFox 1.0.

279
Ejemplo 3: Tipos de borde procesados por Internet Explorer 6.0.

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

Configuraciones de margen interior de texto


Usted puede agregar margen interior a los elementos de texto en su página usando el
diálogo de Configuraciones margen interior y de bordes. El margen interior moverá el
texto lejos del borde del cuadro de texto.

En la ficha de margen interior del diálogo de Configuraciones margen interior y de borde


usted puede usar la lista desplegable o escribir la cantidad de margen interior que usted
requiere. Este valor debe ser escrito en pixeles.

Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo.

Las configuraciones de margen interior de texto le permiten establecer márgenes interiores


para todos los lados del cuadro de texto. Si usted desea establecer valores de margen interior
para lados individuales de un cuadro de texto usted deberá escribir su propio CSS
personalizado.

¿Por qué no puedo ver el borde que he agregado a mi imagen?

Hay varias razones por las que su borde puede no verse. La razón más común es que usted
haya rotado la imagen. Cuando una imagen es rotada usted puede agregar un borde a la

280
imagen pero no será visible. esto es porque el efecto no es compatible con los navegadores
de Web. Una vez que usted rota la imagen de vuelta a su valor de 0, 90, 180 o 270 usted
podrá ver el borde en Web Easy y en los navegadores de internet.
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo
Otra razón puede ser que usted agrega funcionalidad CSS a su sitio y luego construye como
HTML.Simple o Dinámico. Si usted agrega bordes a los elementos, usted debería exportar su
página con estilo de construcción CSS.

Ver también
Cómo agregar un borde de estilo CSS
r
Estilos de borde

Cómo construir un sitio con un estilo CSS

¿Por qué los bordes de mi campo se ven diferentes en mis


navegadores de Web?

Algunos navegadores de Web son compatibles con la configuración de bordes en algunos


campos y no en otros. Por ejemplo un cuadro combinado puede tener un borde en algunos
navegadores pero no en otros. La medida del cuadro combinado puede ser también diferente
en cada navegador. Usted no puede hacer nada con respecto a esto excepto probar su sitio
en el navegador más común para asegurarse de que todo aparece aceptable.

Si usted tiene un borde predeterminado para un campo , cada navegador de Web procesará
un borde en la forma en que piensan que debe aparecer. Cada navegador es diferente. Usted
notará esto en todos los sitios Web que tienen campos, especialmente con botones estándar.

Ver también
Estilos de bordes

281
Acerca de construir
Construir un documento es el proceso de convertir lo en un sitio Web. Mientras todavía está
en la forma de un documento, usted no puede publicarlo en la Web. Construir un documento lo
convierte en archivos HTML y CSS y crea un archivo de paquete de sitio Web ( extensión .txt )
para determinar qué archivos transferir al servidor remoto.
Hay tres etapas que avanzar en el trabajo:
1. Diseñar un documento.
2. Construirlo en un sitio Web.
3. Publicarlo en la Web.
Nota:
los paquetes HTML están guardados en forma predeterminada en la carpeta separada con el
mismo nombre que el paquete.

Yo quiero:
Construir un sitio Web
Construir un sitio Web dinámico

¿Debería construir como simple, dinámico o CSS ?


Esta decisión depende de las características que usted quiere incluir en su sitio Web. Algunas
de ellas sólo funcionarán en un sitio Web dinámico (DHTML) mientras otras solamente
funcionarán en un sitio construido con CSS. Verifique la tabla debajo para ver cómo debería
construir su sitio Web.

283
Cómo construir un sitio Web
Después de haber diseñado su documento, el paso siguiente es dejar que Web Easy
construya archivos HTML desde su documento y que lo convierta en un sitio Web. El sitio Web
puede entonces ser publicado en la World Wide Web.
Para construir un documento en un sitio Web :

1. Haga clic en para mostrar la barra de tareas de Portada .

2. Haga clic en Construir para mostrar la barra de tareas de Construir.

3. Haga clic en Sitio Web . Se muestra el diálogo Construir como un sitio Web
(HTML) de Internet
4. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web. (.txt
extension). El paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en

para localizar una nueva carpeta si lo desea.

Nota:
Si la carpeta que usted ha seleccionado ya contiene imágenes u objetos, se le alertará (sólo
una vez) con un mensaje de advertencia que le pregunta si usted quiere eliminarlos o no.
Estas imágenes u objetos pueden ser usados en otras páginas Web que ya ha construido. Si
no está seguro si ellos están siendo usados en otra parte, o si sabe que todavía los requiere,
responda "NO" a la opción de eliminación. Responda "SI" a la opción de eliminación
solamente SI ESTA SEGURO de que usted no necesita estas imágenes u objetos, y usted
desea quitar los archivos innecesarios de su imagen de sitio Web local..
1. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si
lo desea. El nombre predeterminado se genera automáticamente desde el nombre de
archivo de su documento.
2. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría
de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en
Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la
transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se
convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
3. Seleccione el Rango de salida:
 Página actual para crear un sitio Web que sólo comprenda esta página, o
 Todas las páginas para crear un sitio Web que comprenda todas las páginas en su
documento.
4. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los
vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par
mostrar el cuadro de diálogo de Color. Usted también puede crear colores
personalizados para sus vínculos.
5. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio
Web.
6. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de
publicación justo después de haber construido los archivos HTML . Esto le permite
enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
7. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web.
8. Haga clic en Aceptar.
Notas:
Los archivos de sitio Web producidos pueden verse con un navegador Web de Internet que

292
sea compatible con definición de tabla completas, ej.: HTML v2.0 o posterior.
Un archivo HTML separado se crea para cada página de su sitio Web.
Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service
Provider :ISP) para
obtener la información requerida de hospedaje de sitio antes de usar el Asistente de
publicación.

Ver también
¿Qué estilo de sitio debo construir?
Cómo construir un sitio usando CSS
Cómo construir un sitio Web dinámico
Opciones avanzadas de construcción HTML
Cómo crear un HTML de origen para eBay
Transparencia de imagen
Cómo elegir colores de vínculo
Cómo diseñar para usuarios de Mac

Transparencia de imagen
Si su documento incluye imágenes con un área transparente (por ejemplo, si usted aplicó un
esténcil a una imagen), usted puede especificar cómo imágenes transparentes en el diálogo
Construir.
Usted puede elegir tres formatos de imagen : GIF, JPG o PNG.
 Guardar imágenes como GIF es la forma más fácil de producir una imagen con un
área transparente. Sin embargo las imágenes GIF son imágenes de 8-bits como
máximo. Si usted quiere usar transparencia n programa de en una imagen con una
profundidad de color mayor, debe usar un programa de edición de imagen para reducir
la profundidad de color , luego guardar la imagen como GIF. De esa forma, no habrá
resultados inesperados cuando se publiquen los archivos.
 AL guardar un JPG se guarda el área transparente en el color transparente actual. .
Sin embargo el área ´transparente´ no cambiará si el fondo del sitio Web cambia.
 PNG usa transparencia alpha . Esto no es totalmente compatible con Microsoft Internet
Explorer v4 o Netscape Navigator v4. Netscape no es compatible con transparencia en
imágenes PNG e Internet Explorer muestra imágenes PNG con 256 colores
solamente.
Recomendamos usar el formato GIF para Transparencia y.

Cómo se guardan las páginas HTML


Al guardar páginas HTML, Web Easy busca la mejor manera de guardar los elementos en la
página.
Cuando los elementos están separados y los efectos no han sido aplicados, entonces estos
elementos se guardarán como archivos separados - imágenes que se guardan como JPG
GIF, y el texto se guardará como texto ASCII. Las páginas con elementos separados y sin
cambios requieren la menor cantidad de espacio.
Si los elementos se superponen, o si los efectos se aplican a un elemento, Web Easy debe o
guardar estos elementos en superposición como una sola imagen dentro de un largo
rectángulo o dividir los elementos en secciones. El formato final está determinado por la
sección más grande.

293
Opciones avanzadas de construcción HTML

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede establecer opciones HTML en sus páginas Web para personalizarlas, agregar
elementos de ayuda para navegación automática para asegurar que son fácilmente
encontradas por los motores de búsqueda de Internet.
Establezca opciones avanzadas para sus páginas Web haciendo clic en el botón Avanzado
dentro del diálogo Construir como HTML. Las opciones Avanzadas de diálogo aparecen.
Autor
Inserte algunos datos sobre usted (el autor). Esto se ubica como una meta etiqueta en el
archivo HTML. No se muestra en la página publicada, pero puede verse al mirar el código para
el archivo generado de HTML.
Palabras clave para motores de búsqueda de Internet
Inserte palabras clave para describir su sitio, su producto o el contenido para que los motores
de búsqueda puedan encontrar su sitio. Separe cada entrada con una coma. Mantenga las
entradas breves, ya que cuando más larga sea la entrada de la búsqueda, es más improbable
que ésta coincida. Las palabras clave se ubican como metaetiquetas en su archivo HTML.
Descripción para motor de búsqueda de Internet
Agregue una etiqueta descripción de página que pueda ser ubicada como referencia por un
motor de búsqueda. mantenga el texto corto y relevante al contenido de su página.
Navegación de página Web
Seleccione una opción para crear automáticamente números de navegación o páginas en
miniatura en la barra de tareas de Vínculos al pie de cada página en sus sitio Web. Esto
provee a los visitantes una forma simple para moverse entre las páginas de su sitio Web. Elija
entre:
 Nada (sin barra de tareas de Vínculo)
 Números de página, o
 Páginas en miniatura.
Paleta de 256 colores
Seleccione una paleta para usarla para las páginas Web. Esto determina la paleta de color
usada para mostrar imágenes GIF de 256 colores.
Definición de página primaria
Elija un nombre para la página primaria del sitio Web.
Centrar en la página
Seleccione una opción para centrar las páginas Web en el navegador de Internet . (No se
encuentra en los sitios de estilo HTML dinámico)

294
Cómo construir un sitio Web dinámico
Un sitio Web dinámico es uno que usa lenguaje de formato de hipertexto dinámico (Dynamic
HyperText Markup Language: DHTML). DHTML permite la animación de elementos en su
página Web, transiciones de página, imágenes rollover y otros efectos.
Luego de haber diseñado su documento, el próximo paso es permitir que Web Easy construya
los archivos DHTML a partir de él, convirtiéndolo en un sitio Web DHTML. El sitio Web DHTML
puede entonces ser publicado en la Web.
Para construir un documento en un sitio Web DHTML:
1. Diseñe su documento..

2. Haga clic en para mostrar la barra de tareas de Portada .

3. Haga clic en Construir para mostrar la barra de tareas de Construir.

4. Haga clic en Sitio Web . Se muestra el diálogo Construir sitio Web


5. Si ´Construir como HTML dinámico´ no está seleccionado, despliegue el tipo de
construcción y selecciónelo.
6. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web.El

paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para
localizar una nueva carpeta si lo desea.
7. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si
lo desea. El nombre predeterminado se genera automáticamente desde el nombre de
archivo de su documento.
8. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría
de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en
Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la
transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se
convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
9. Seleccione el Rango de salida: Página actual para crear un sitio Web que sólo
comprenda esta página, o Todas las páginas para crear un sitio Web que comprenda
todas las páginas en su documento.
10. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los
vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par
mostrar el cuadro de diálogo de Color. Usted también puede crear colores
personalizados para sus vínculos.
11. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio
Web.
12. ¿Cómo?
13. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de
publicación justo después de haber construido los archivos HTML . Esto le permite
enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
14. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web.
15. Haga clic en Aceptar.
Nota:
Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service
Provider :ISP) para obtener la información requerida de hospedaje de sitio antes de usar el
Asistente de publicación.

296
Opciones avanzadas de construcción
Cómo construir un sitio Web HTML simple
¿Qué estilo de sitio debo construir?
Cómo construir un sitio usando CSS

297
Opciones avanzadas para construcción de escenas dinámicas

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede establecer opciones HTML en sus páginas Web para personalizarlas, agregar
elementos de ayuda para navegación automática para asegurar que son fácilmente
encontradas por los motores de búsqueda de Internet.
Establezca opciones avanzadas para sus páginas Web haciendo clic en el botón Avanzado
dentro del diálogo Construir como DHTML. Las opciones Avanzadas de diálogo aparecen.
Autor
Inserte algunos datos sobre usted (el autor). Esto se ubica como una meta etiqueta en el
archivo D HTML. No se muestra en la página publicada, pero puede verse al mirar el código
para el archivo generado de HTML.
Palabras clave para motores de búsqueda de Internet
Inserte palabras clave para describir su sitio, su producto o el contenido para que los motores
de búsqueda puedan encontrar su sitio. Separe cada entrada con una coma. Mantenga las
entradas breves, ya que cuando más larga sea la entrada de la búsqueda, es más improbable
que ésta coincida. Las palabras clave se ubican como metaetiquetas en su archivo HTML.
Descripción para motor de búsqueda de Internet
Agregue una etiqueta descripción de página que pueda ser ubicada como referencia por un
motor de búsqueda. mantenga el texto corto y relevante al contenido de su página.

Estilo de sitio Web


 La opción Estándar muestra el sitio Web en la parte superior izquierda del navegador
de Web del visitante.
 Centrada en pantalla completa - (estilo kiosko) ubica el sitio Web en el centro del
navegador de Web del visitante. Use este estilo para una presentación o muestra de
diapositivas.
 Centrada - navegada por números publica el sitio Web en el centro y crea números
de navegación de página, a la derecha de cada página. Los visitantes pueden moverse
entre las páginas haciendo clic en los números de página.
 Centro - navegada por íconos publica el sitio Web en el centro y crea iconos de
navegación de página, representando cada página. Los visitantes pueden moverse
entre las páginas haciendo clic en iconos de página, a la derecha de cada página.
 Nota:
Los números de navegación y los iconos no se recomiendan para los sitios Web porque a
veces ellos entran en conflicto con los navegadores de Web. Se recomiendan para
presentaciones o muestras de diapositivas.
 Dividido con la última página como marco automáticamente crea un marco y pone
la última página de su diseño en una celda. Use este estilo cuando quiera usar la última
página como una barra de navegación con vínculos a todas las otras páginas del sitio
Web..
Paleta de 256 colores
Seleccione una paleta para usarla para las páginas Web. Esto determina la paleta de color
usada para mostrar imágenes GIF de 256 colores.
Definición de página primaria
Elija un nombre para la página primaria del sitio Web.
Mostrar barras de deslizamiento

299
Si usted ha elegido uno de los estilos centrados o el estilo dividido en el diálogo de Estilo de
Sitio Web, usted puede facilitar a las barras de deslizamiento para que añadan los controles
de deslizamiento horizontales y verticales estándar al de Windows a su nueva página Web .
(Las barras de deslizamiento no están disponibles en el modo estándar).
Haga clic en la casilla de verificación una vez. Una señal negra sólida indica que las barras de
deslizamiento siempre serán agregadas a su ventana de página Web.
Haga clic otra vez. Una señal gris indica que las barras de deslizamiento siempre serán
agregadas a su ventana de página Web si la medida y el contenido lo requieren. (Modo Auto.
Haga clic otra vez. Ausencia de señal indica que las barras de deslizamiento no serán
agregadas a su ventana de página Web

Cómo construir una presentación

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Si usted está construyendo una presentación para la pantalla, más que un sitio Web,
seleccione Centrada en pantalla completa - (estilo kiosko) en el diálogo de opciones
avanzadas de construcción.

300
Cómo construir un sitio con un estilo CSS

Un sitio Web con estilo CSS es uno que usa lenguaje de formato de hipertexto (HyperText
Markup Language: HTML) o Lenguaje de formato de hipertexto extensible (Extensible
HyperText Markup Language: XHTML ) junto con hojas en estilo cascada (Cascading Style
Sheets: CSS) para lograr un sitio Web con un estilo fácil de manipular. Fuentes, colores y
posiciones de objeto pueden ser cambiadas fácilmente sin modificar ninguno de los archivos
HTML.
Luego de haber diseñado su documento, el próximo paso es permitir que Web Easy construya
los archivos HTML y CSS a partir de él. Este sitio Web con CSS puede entonces ser
publicado en la Web.
Para construir un documento en un sitio Web con CSS:
1. Diseñe su documento..

2. Haga clic en para mostrar la barra de tareas de Portada .

3. Haga clic en Construir para mostrar la barra de tareas de Construir.

4. Haga clic en Sitio Web . Se muestra el diálogo Construir sitio Web


5. Seleccione o ´Construir como HTML con CSS´ o ´Construir como XHTML con CSS´,
desde las opciones del diálogo Construir.
6. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web.El

paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para
localizar una nueva carpeta si lo desea.
7. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si
lo desea. El nombre predeterminado se genera automáticamente desde el nombre de
archivo de su documento.
8. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría
de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en
Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la
transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se
convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
9. Seleccione el Rango de salida: Página actual para crear un sitio Web que sólo
comprenda esta página, o Todas las páginas para crear un sitio Web que comprenda
todas las páginas en su documento.
10. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los
vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par
mostrar el cuadro de diálogo de Color. Usted también puede crear colores
personalizados para sus vínculos.
11. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio
Web.
12. ¿Cómo?
13. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de
publicación justo después de haber construido los archivos HTML y CSS . Esto le
permite enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
14. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web con CSS en su navegador de
Web.
15. Haga clic en Aceptar.
Nota:

302
Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service
Provider :ISP) para obtener la información requerida de hospedaje de sitio antes de usar el
Asistente de publicación.

Opciones avanzadas de construcción


¿Qué estilo de sitio debo construir?
Cómo construir un sitio Web dinámico
Cómo construir un sitio Web HTML simple HTML

¿Cuál es la diferencia entre XHTML y HTML?

El lenguaje de formato de hipertexto extensible (Extensible HyperText Markup Language:


XHTML) es similar a HTML 4.0, pero con el fin de reemplazarlo eventualmente..

XHTML es más estricto que HTML. Solamente el código correcto se desplegará para XHTML,
mientras que HTML con una forma deficiente (ej.:.etiquetas finales faltantes, sintaxis errónea,
etc.) puede aun mostrarse en los navegadores de Web.. El problema es que cada navegador
de Web puede mostrar los resultados del HTML deforme en forma levemente diferente.

Las diferencias clave son;


 los elementos XHTML deben estar correctamente anidados
 los documentos XHTML deben estar bien formados
 las etiquetas de nombres XHTML deben estar en minúsculas
 todos los elementos XHTML deben estar cerrados
 muchas etiquetas y atributos HTML han sido quitados
Para mayor información, visite el World Wide Web Consortium para más datos sobre los
estándares HTML y XHTM .

303
Opciones avanzadas para construcción de sitios CSS

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede establecer opciones HTML en sus páginas Web para personalizarlas, agregar
elementos de ayuda para navegación automática para asegurar que son fácilmente
encontradas por los motores de búsqueda de Internet.
Establezca opciones avanzadas para sus páginas Web haciendo clic en el botón Avanzado
dentro del diálogo Construir. El diálogo para las Opciones avanzadas de construcción
aparece..
Autor
Inserte algunos datos sobre usted (el autor). Esto se ubica como una meta etiqueta en el
archivo HTML. No se muestra en la página publicada, pero puede verse al mirar el código para
el archivo generado de HTML.
Palabras clave para motores de búsqueda de Internet
Inserte palabras clave para describir su sitio, su producto o el contenido para que los motores
de búsqueda puedan encontrar su sitio. Separe cada entrada con una coma. Mantenga las
entradas breves, ya que cuando más larga sea la entrada de la búsqueda, es más improbable
que ésta coincida. Las palabras clave se ubican como meta-etiquetas en su archivo HTML.
Descripción para motor de búsqueda de Internet
Agregue una etiqueta descripción de página que pueda ser ubicada como referencia por un
motor de búsqueda. mantenga el texto corto y relevante al contenido de su página.

Diseño de sitio Web


 La opción Estándar muestra el sitio Web en la parte superior izquierda del navegador
de Web del visitante.
 Centrada en pantalla completa - (estilo kiosko) ubica el sitio Web en el centro del
navegador de Web del visitante.
 Y puede haber otros, dependiendo de las Opciones de Construcción.
Paleta de 256 colores
Seleccione una paleta para usarla para las páginas Web. Esto determina la paleta de color
usada para mostrar imágenes GIF de 256 colores.
Definición de página primaria
Elija un nombre para la Página primaria del sitio Web.
Mostrar barras de deslizamiento
Si usted ha elegido uno de los estilos centrados o el estilo dividido en el diálogo de Estilo de
Sitio Web, usted puede facilitar a las barras de deslizamiento para que añadan los controles
de deslizamiento horizontales y verticales estándar al de Windows a su nueva página Web .
(Las barras de deslizamiento no están disponibles en el modo estándar).
Haga clic en la casilla de verificación una vez. Una señal negra sólida indica que las barras de
deslizamiento siempre serán agregadas a su ventana de página Web.
Haga clic otra vez. Una señal gris indica que las barras de deslizamiento siempre serán
agregadas a su ventana de página Web si la medida y el contenido lo requieren. (Modo Auto)
Haga clic otra vez. Ausencia de señal indica que las barras de deslizamiento no serán
agregadas a su ventana de página Web

305
Cómo coleccionar sus imágenes de sitio Web en una sub-
carpeta cuando usted construye

De forma predeterminada, cuando usted construye sus sitio Web, Web Easy ubicará todas las
imágenes necesarias para su sitio en la misma carpeta donde están los archivos del código de
origen. Puede que usted prefiera tener sus imágenes ubicadas en una sub-carpeta debajo del
código de origen. Para hacer esto;

1. Abra el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el icono superior derecho y seleccione Documento.
3. Bajo la categoría Construir sitios Web, busque la entrada Carpeta de imagen.
4.Haga doble clic en Carpeta de imagen para editar la ubicación.
5. Escriba el nombre de la carpeta donde usted quiere ubicar sus imágenes durante el
proceso de construcción.

Sugerencia:
Esta es una gran forma de mantener sus archivos organizados y fáciles de encontrar.

Ver también
Propiedades para construir sitios Web.

Cómo coleccionar medios vinculados y documentos en una


sub- carpeta cuando usted construye

De forma predeterminada, cuando usted construye sus sitio Web, Web Easy ubicará todos los
elementos vinculados (.doc, mp3, pdf...) necesarios para su sitio en la misma carpeta donde
están los archivos del código de origen. Puede que usted prefiera tener sus imágenes
ubicadas en una sub-carpeta debajo del código de origen. Para hacer esto;

1. Abra el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el icono superior derecho y seleccione Documento.
3. Bajo la categoría Construir sitios Web, busque la entrada Carpeta de medios.
4.Haga doble clic en Carpeta de medios para editar la ubicación.
5. Escriba el nombre de la carpeta donde usted quiere ubicar sus imágenes durante el
proceso de construcción.

Sugerencia:
Esta es una gran forma de mantener sus archivos organizados y fáciles de encontrar.

Ver también

306
Propiedades para construir sitios Web.

By default, when you build your web site Web Easy will place all the linked items such as
media and documents (.doc, .mp3, .pdf...) needed for your site in the same folder as the
source code files. You may prefer to have these files placed into a subfolder below the source
code for your web site. To do this;

1. Open the Inspector.


How
2. In the Inspector, Click the top right hand icon and select Document.
3. Under the Web Site Build category, find the Media Folder entry.
4. Double Click in the Media Folder to edit the location.
5. Enter in the name of the folder you want your media and document files to be placed during
the build process.

Tip:
This is a great way to keep your build files organized and easy to find.

See also
Web Site Build Properties

¿Qué archivos se crean cuando yo construyo mi sitio?

Los archivos que se crean cuando usted construye su sitio dependen del tipo de sitio que
usted ha especificado en las opciones de construcción.

Hay cuatro clases de sitios que usted puede construir.

Sitios que se construyen como HTML Simple o HTML Dinámico producirán solamente
archivos de origen HTML. Usted también tiene imágenes y todo lo otro vinculado al sitio en la
carpeta que ha construido.

Sitios construidos como HTML con CSS o XHTML con CSS tendrán archivos HTML creados,
junto con archivos de origen CSS y archivos de origen JS.

Tipos de archivo Descripción


HTML (*.htm, *.html) El código HTML para su sitio.
CSS (*.css) El código CSS para su sitio. Cada página tendrá un archivo .css
dedicado a esa página dedicada a esa página del sitio. Se
nombrará usando la convención <nombre_página>_p.css' como

307
apéndice. La _p indica que el código CSS en este archivo se
aplica solamente a la página Web correspondiente, y no al sitio
completo. Usted tendrá también un archivo .css conteniendo los
estilos que se aplican a todas las páginas de su sitio. Éstos serán
nombres usando la convención, <nombre_sitio>_g.css.
JS (*.js) El código JavaScript para su sitio. Si su sitio usa JavaScript, ya
sea código personalizado o código generado por Web Easy, éste
se ubicará en un archivo con la extensión .js.
XML (*.xml) Si usted selecciona para que información RSS se construya con
sus sitio CSS, se producirá un archivo XML..
Archivos de imagen (*.jpg, Imágenes compatibles con la presentación del sitio Web se
*.gif, *.png) copiarán o crearán para ser usadas con su sitio Web.

Sugerencia:
Es importante comprender que si usted edita manualmente cualquiera de estos archivos la
próxima vez que construya su sitio usando Web Easy, los cambios que haya realizado serán
sobrescritos.

308
Antes de publicar
Antes de publicar su sitio Web, usted debe verificar lo que siguiente:
 ¿Ha terminado de diseñar el documento?
Aunque haya creado su documento desde una plantilla ya preparada con el Asistente de sitio
Web, usted puede usar las herramientas de editar para agregar sus toques finales al diseño.
Más acerca de diseñar y editar un documento
 ¿Ha construido el documento en un sitio Web ?
Después de terminar de diseñar un documento, usted necesita publicarlo - convertirlo en un
formato que pueda ser publicado en la Web.
Más acerca de construir.
 ¿Ha visto el sitio en su navegador de Web?
Después de que el sitio Web ha sido construido, usted puede ver su aspecto en su navegador
de Web. Usted puede verificar que el formato es correcto y que los vínculos funcionan, antes
de publicar.
 ¿Ha contactado a su ISP para la información que necesita para publicar sus sitio?
Antes de que pueda publicar un sitio Web, necesita pedir a su ISP por sus detalles de
conexión - su dirección de sitio WWW , el nombre de Host o su dirección IP, su página
primaria y otros datos.
Más acerca de información esencial de ISP

El Asistente de publicación
La publicación de un sitio Web involucra la transferencia de una copia de todos los archivos de
sitio Web requeridos, desde su ordenador local a un host remoto conectado con Internet. El
asistente de publicación de Web Easy le guiará a través del proceso.
El Asistente de publicación de Web Easy usa la información en su archivo de paquete de sitio
Web para determinar qué archivos transferir al servidor remoto. Cuando usted construyó su
sitio Web, un archivo de paquete (extensión .txt ) fue creado, junto con los otros archivos
requeridos para publicar su sitio Web remoto.
Ver también
Cómo usar el Asistente de publicación
Cómo cambiar su Asistente de publicación

Cómo publicar su primer sitio Web


La forma más fácil de publicar su sitio Web es usando el Asistente de publicación.
Paso 1 - Antes de publicar
1. Diseñe su documento
2. Construya el documento en un sitio Web..
3. Asegúrese de haberse puesto en contacto con su ISP y de haber recibido de ellos los
detalles para su conexión
4. Conéctese a Internet.
Paso 2 - Abra el Asistente de publicación

1. Haga clic en para mostrar la barra de tareas de Portada .

2. Haga clic en Publicar para iniciar el Asistente de publicación.


3. Alternativamente, si usted verifica Publicar en Internet, en el cuadro de diálogo de
Construir un sitio Web de Internet, el Asistente de publicación comienza

310
automáticamente, luego de completar la construcción.
4. Haga clic en Siguiente. El Asistente de publicación muestra la pantalla Conectar.
Haga clic en Conectar para mostrar el diálogo Conectar.
Paso 3 - Conecte con su host remoto
1. Puede elegir dos métodos para conectar:
 Elija un perfil de conexión, o
 Escriba sus detalles de conexión.
2. Si usted está publicando una Portada, o Página principal, asegúrese de escribir el
nombre correcto de Página primaria para el sitio. Asegúrese de escribir correctamente
la ruta de acceso inicial local , para que el Asistente de publicación pueda encontrar
fácilmente su paquete Web.
3. Haga clic en Aceptar. Se establece la conexión y la pantalla Conectar vuelve a
mostrarse. Esto puede llevar unos momentos.
Paso 4 - Seleccione el paquete a publicarse
1. Una vez que se ha conectado, se muestra la pantalla Seleccionar.
2. Seleccione un paquete Web Easy para transferir. Si su paquete no aparece en el

cuadro de lista de paquetes de sitio Web, haga clic en para explorar en su


ordenador, ubicarlo y haga clic en Abrir para mostrarlo en el cuadro de lista.
3. Después de seleccionar el paquete, usted verá, en el lado derecho de la pantalla
Seleccionar, una vista previa de los archivos incluídos en él
Paso 5 - Verifique las configuraciones de la transferencia
1. Hacer clic en Siguiente para mostrar la pantalla de Transferencia de configuraciones.
2. Verifique las configuraciones, y cámbielas si es necesario.
3. Si usted está publicando una Portada, verifique que la checkbox "Hacer de este
paquete el sitio Web predeterminado" esté marcada.. Esto convertirá su primera página
en la página primaria del sitio Web, la que se abre en forma predeterminada cuando
cualquiera entra a su sitio.
4. Nota:
Esto sólo funcionará si usted especificó el nombre de la página primaria en el diálogo
Conectar, cuando usted se conectó.
Paso 6 - Transfiera el paquete al host remoto
1. Haga clic en Siguiente para comenzar la transferencia. Si usted deja que Web Easy
administre su sitio Web y en el sitio remoto se encuentran archivos que no se requieren
para el paquete actual, usted verá la pantalla Limpiar el sitio seleccionado.
2. Cuando la transferencia se ha completado, se muestra la pantalla Felicitaciones.
3. Usted puede elegir mostrar "Publicar Informe" haciendo clic en la checkbox Ver
informe de publicación ahora. Para ver su sitio Web, haga clic en la checkbox Ver
sitio ahora y rellene la información. Cuando usted haga clic en Terminar, el Asistente
de publicación se cerrará y el sitio Web se abrirá en su explorador de Web.
4. Haga clic en Terminar.
Paso 7 - Vea su sitio Web remoto
1. Si usted ha elegido ver el "Informe de publicación" o el sitio Web, de ambas formas
éste aparece en su explorador de Web.
2. Si usted ha elegido ver ambos, el informe será visible por unos seis segundos y luego
se mostrará el sitio Web. Para ver el informe otra vez, haga clic en la flecha atrás en su
explorador de Web.
Nota:
Para ver el sitio Web, usted debe estar conectado a Internet, y tener correctamente escrita la
dirección de sitio World Wide Web de su sitio Web remoto en la ficha de sitio WWW en el
cuadro de diálogo de Perfil de conexión.

311
Acerca de la página primaria

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Cuando usted obtiene espacio para un sitio Web de su ISP, ellos le dan un nombre para la
página primaria de su sitio. Esta es la página que se carga automáticamente cuando alguien
entra en su sitio Web y no especifica el nombre de una página HTML.
La mayoría de los sitios Web comienzan con una portada que introduce el sujeto y provee
vínculos a otras páginas en el sitio. Cuando usted diseñe su documento, recuerde que puede
definir la primera página del documento como la página primaria de su sitio. Diseñe su
primera página como una Portada.
Usted puede cambiar el nombre de la Portada (usualmente el primero) por medio de las
Opciones avanzadas en el diálogo de Construir un sitio Web.

312
Cómo publicar con FTP Max
Como una alternativa al Asistente de publicación, los usuarios avanzados pueden publicar
sitios Web usando FTP Max
FTP Max es un programa FTP fácil de usar que le permite transferir archivos desde y hacia su
servidor remoto y administrar sus archivos remotos.
Para ejecutar FTP Max:
1. Haga clic en Herramientas.
2. Haga clic en Transferir archivos.

314
Cómo conectar con su host remoto
Cuando usted hace clic en el botón Conectar del Asistente de publicación, aparece el diálogo
Conectar .
Para poder conectarse, usted debe rellenar correctamente los campos en el diálogo
Conectar. Su proveedor ISP le proveerá con la información que usted necesite. Si no está
seguro de tener la información correcta, contacte a su ISP.
Si usted ha creado un perfil de conexión, seleccione su perfil y todos los detalles de conexión
se rellenarán para usted.
Perfiles para muchos ISPs populares están disponibles desde el sitio Web de VCOM. Haga
clic en el icono de Internet en la parte superior derecha del diálogo Conectar para la descarga
automática del perfil de conexión.

Para conectar:
1. Haga clic en la ficha de Acceso remoto del diálogo Conectar.
 Escriba el nombre de su host o la dirección IP.
 Escriba el nombre de su identidad de usuario.
 Escriba su contraseña.
2. Haga clic en la ficha General del diálogo Conectar.
 Escriba la ruta de acceso de su carpeta inicial remota.
 Escriba la ruta de acceso de su carpeta local inicial.
 Escriba el Puerto IP.
3. Haga clic en la ficha de sitio WWW del diálogo Conectar.
 Escriba su dirección de sitio WWW.
 Escriba el nombre de su página primaria.
4. Haga clic en la ficha Firewall si usted forma parte de una red de seguridad que usa un
servidor de seguridad. Escriba sus configuraciones de firewall.
5. Haga clic en Aceptar para conectar a su host remoto.
Nota:
Usted debe establecer una conexión de Internet antes de que pueda conectarse al host
remoto.

Ver también
Cómo usar un perfil de conexión

Cómo usar un perfil de conexión


Un perfil de conexión es un conjunto de detalles de conexión guardados.
El crear un perfil le permite guardar los detalles de conexión para volver a usarlos. Al usar un
perfil, usted elimina la necesidad de configurar las configuraciones cada vez que desee
conectarse al host remoto. Usted puede crear una cantidad de perfiles distintos. Los perfiles
no necesitan ser completamente diferentes; usted puede cambiar solamente una opción (por
ejemplo la carpeta remota inicial) y guardar el perfil como uno nuevo.
Ver también

Cómo seleccionar el perfil de conexión


Cómo crear un nuevo perfil de conexión
Cómo conectar a su host remoto

316
Cómo crear un perfil de conexión nuevo
Cuando usted escribe un nombre nuevo en el campo perfil del diálogo Conectar , usted crea
un perfil nuevo que puede volver a usarse.
Para crear un perfil nuevo:
1. En el cuadro de diálogo Conectar, escriba un nombre nuevo en el campo perfil. Usted
puede darle el nombre que usted desee, pero se recomienda que elija algo que le
ayude a identificar la conexión.
2. Escriba los detalles de conexión en diferentes fichas.
3. Haga clic en Aceptar; el perfil esté guardado.
Nota:
El perfil no se guardará si el campo Perfil está en blanco o contiene la inscripción ‘ninguno’.
Estas configuraciones son específicas del perfil. Si usted crea un perfil nuevo, las
configuraciones para el último perfil usado serán escritas automáticamente.

Cómo seleccionar un perfil para conexión


Cuando usted selecciona un perfil existente, usted puede conectarse con las configuraciones
que fueron establecidas previamente.
Para seleccionar un perfil existente:
1. En el cuadro de diálogo Conectar, haga clic en la flecha abajo en el campo perfil.
2. Elija un perfil de la lista desplegada; los detalles de conexión para ese perfil se
muestran en los campos.
3. Haga clic en Aceptar; usted está conectado a su host remoto usando el perfil
seleccionado.

Errores de conexión
Esta sección describe algunos errores de conexión posibles y qué hacer con ellos.
1. No se puede conectar al host
Razón
O el nombre de su host es incorrecto o el puerto que especificó no es válido para su host.
Solución
Verifique su conexión de Internet, y si ha escrito correctamente el nombre del host. (El nombre
del host distingue entre mayúsculas y minúsculas.) Verifique que su configuración de puerto
es 21 o predeterminada. (Si su ISP le indicó que use una configuración de puerto distinta,
entonces escriba este valor.)

2. Nombre de usuario (ID) o contraseña incorrectos.


Razón
O su nombre de usuario (ID) o contraseña son incorrectos.
Solución
Verifique si ha escrito correctamente su nombre de usuario (ID) y contraseña (que distingue
mayúsculas de minúsculas). Tenga cuidado al escribir su contraseña porque los caracteres no
pueden leerse en la pantalla.

3. No se pudo conectar al host. .


Razón

317
Incapaz de abrir una sesión FTP con los detalles de host suministrados.
Solución
Verifique que su modem esté conectado a su host remoto. Abra una ventana DOS y desde allí
escriba "ping <nombre__host>" donde 'ping' es la orden y <nombre__host> debe ser
reemplazado con el nombre de host que al que usted está tratando de publicar (Su ISP debe
haberle provisto con todos estos detalles). Si no hay respuesta entonces hay un problema con
su conexión de acceso telefónico o el host al que está conectado.
Contacte su ISP para averigurar qué host usted debe discar para establecer FTP en sus sitio
Web.

4. La carpeta local no se encontró.


Razón
La carpeta local que usted especificó en el diálogo Conectar (o la última que especificó para
este perfil) no existe.
Solución
Web Easy lo ubicará en su carpeta de exportación especificada actualmente (Usted puede
ajustar esto en el diálogo Opciones), usualmente llamado ./html

318
Acerca de HTML, DHTML, XHTML y CSS

La Internet
La Internet es una red mundial de ordenadores que reúne instituciones educacionales,
comerciales, instituciones gubernamentales y ahora también individuos privados. Se la
describe como una enorme y fenomenal autopista electrónica.
La World Wide Web (WWW, o malla mundial ) reúne un tipo de tráfico de información en
Internet. Otras clases de tráfico de Internet incluyen correo electrónico (e-mail), audio y vídeo.
Los navegadores Web de Internet (como Netscape Navigator , Microsoft Internet Explorer ,
(TM) (R) (TM)

etc.) le permiten viajar la Web, explorando a través de almacenes de información y de


documentos en cualquier tópico, shareware (programas de software compartidos), sonidos y
películas.

HTML
Para dar formato a los sitios Web se usan los comandos del lenguaje de formato de hipertexto
( Hypertext Markup Language: HTML). Los navegadores muestran texto con este formato y
con imágenes incrustadas, creando diversos diseños de página o páginas Web.
Un típico sitio Web consiste de un número de páginas Web, y cada una de ellas contiene
texto e imágenes. Algunas también incluyen sonido. y video. Gracias a HTML las páginas
Web generalmente contienen vínculos incrustados a otras páginas dentro del sitio, como así
también a otros sitios Web, de allí el término malla, o ¨web¨..
DHTML
Los sitios Web dinámicos obtienen su formato con los comandos del lenguaje de formato de
hipertexto dinámico ( Dynamic Hypertext Markup Language:DHTML, ).Este lenguaje
permite la animación de elementos. en su página Web. Al usar Web Easy, para crear una
página Web dinámica, usted crea una página Web DHTML.

XHTML
El lenguaje de formato de hipertexto extensible ( Extensible Hypertext Markup Language:
XHTML)es una versión muchos más estricta de HTML que incorpora XML.

CSS
Hojas con estilo en cascada (Cascading style sheets :CSS) es una extensión de HTML para
permitir que estilos como colores, tamaños y fuentes puedan ser especificados para los
elementos en su página HTML. Estos estilos permiten que el usuario pueda cambiar el
aspecto de un sitio sin editar el HTML. El código CSS puede ser incluido con la fuente HTML
(método en línea) o en un archivo externo CSS (método centralizado). Web Easy exporta
CSS en un archivo externo plara mejor separación de los datos y el estilo de la página. Esto
también permite que Web Easy use archivo CSS para muchas páginas Web que comparten
estilos comunes.

Requerimientos del sistema

Web Easy es compatible con HTML estándar compatible para tablas. Sin la compatibilidad
para tablas, los resultados de una página Web publicada, serán impredecibles. Se requiere
JavaScript para mostrar el texto de barra de estado.
Microsoft Internet Explorer v4.0 (o posterior) y Netscape Navigator v4.0 (o posterior) son
ambos compatibles con tablas como todos los navegadores populares actuales.
Para exportar sitios con CSS los navegadores también incluirán soporte para CSS. Todos los
navegadores modernos populares contienen este soporte.

320
Cómo configurar sus opciones
Al configurar sus opciones usted personaliza su espacio de trabajo con Web Easy.
Para configurar sus opciones, elija Opciones del menú Herramientas y elija una ficha.
 Haga clic en la Ficha General para configurar opciones generales para la interfaz de
Web Easy, tales como si los mensajes emergentes y las sugerencias se mostrarán, o si
se reproducirán avisos sonoros de alarma, o si se imprimirá con una alta calidad, si se
mantendrán las proporciones, etc.
 Haga clic en Ficha documentos para configurar las opciones para trabajar con
documentos Web Easy.
 Haga clic en Ficha cuadrícula de diseño para configurar las opciones de cuadrícula y
los márgenes de la página Web.
 Haga clic en Ficha imagen para configurar opciones para imágenes como el nivel de
suavizado y la resolución de las imágenes guardadas.
 Haga clic en Construir HTML para configurar las opciones para construir su sitio Web
en archivos HTML.
 Haga clic en Ficha carpeta para configurar las carpetas predeterminadas en donde se
guardarán las distintas clases de archivos.
 Haga clic en Ficha programas para configurar el programa predeterminado para
edición de imagen, de modo que cada vez que usted hace doble clic en una imagen,
ésta se abre en ese programa.
 Haga clic en Ficha avanzada para configurar las opciones avanzadas como detectar
archivos faltantes, crear documentos en miniatura, el nombre de la página primaria, el
número de niveles para deshacer, si se muestran las etiquetas de texto de la barra de
herramientas, etc.

Opciones generales
Al configurar sus opciones generales usted personaliza su espacio de trabajo con Web Easy.
Para configurar sus opciones generales, elija Opciones del menú Herramientas y elija la
ficha
General.
Haga clic en una checkbox en el diálogo de Opciones Generales para activar la opción o
cancele la señal para desactivarla.

Mostrar explorador
de archivo

323
Opciones de documento

Al configurar las opciones de documento usted puede personalizar cómo se comportan sus
documentos Web Easy. Haga clic en la ficha Documentos del diálogo Opciones para
establecer estas opciones.

Haga clic en la checkbox en el diálogo Opciones de Documento para activar una opción o
borre la señal para desactivar la opción.

Ajustar la plantilla a las Cambia el tamaño de las plantillas para que se ajusten a las
dimensiones de la dimensiones de página del documento actual.
página
Mantener la relación de Asegura que la relación entre alto y ancho se mantienen cuando una
aspecto al reemplazar foto o imagen son reemplazadas.
las imágenes
Cambiar tamaño de Asegura que la relación entre alto y ancho se mantiene al cambiar el
imagen guardando las tamaño de una foto o imagen.
proporciones
Usar objeto incrustado Elegir entre crear un objeto incrustado o un vínculo a un tipo de
al colocar un archivo archivo del elemento al insertar ciertos archivos externos como audio
externo o película. Sugerencia: esta decisión puede ser revertida
temporariamente presionando la tecla CTRL durante la operación de
colocar.
Detectar archivos Seleccione esta opción para mostrar el diálogo Buscar archivo si abre

338
faltantes un documento con archivos faltantes.
automáticamente Para mayor información ver Buscar archivos faltantes.
Cuando encuentre los archivos faltantes, usted debe copiarlos en los
directorios especificados en la ficha Carpetas del diálogo Opciones.
Crear miniaturas para Crea vistas en miniatura de sus documentos en el panel Imagen del
los documentos cuadro de diálogo Abrir documento, cuando se ha marcado Vista
previa.
Imprimir usando alta Imprimir imágenes con alta resolución.
calidad
Usar selector de paleta Elegir qué diálogo puede ayudarle más al elegir el color cuando usted
segura para Web diseña.:Paleta de color segura para Web (predeterminado) o diálogo
de colores básicos comunes.

Opciones de cuadrícula
La cuadrícula es una red de puntos en el fondo de su documento, que ayuda a alinear
elementos. La cuadrícula no puede ser impresa. No aparece cuando usted construye su sitio
Web y lo mira en un explorador de Web por Internet.
Al establecer las opciones de cuadrícula usted puede elegir si desea o no mostrar la
cuadrícula y también puede establecer sus opciones.
Para establecer las opciones de cuadrícula, elija Opciones desde el menú Herramientas y
seleccione la ficha Cuadrícula.
Haga clic en una checkbox en el diálogo Opciones de cuadrícula para activar una opción o
para escribir un valor donde se requiera.

Mostrar malla de la Muestra la cuadrícula


cuadrícula en la en la pantalla.
página
Forzar a la cuadrícula Fuerza que los
al mover o cambiar de elementos se alineen
tamaño con la cuadrícula .
Mostrar márgenes de Muestra el área
la página Web sombreada que
representa los
márgenes hacia arriba
y hacia la izquierda de
la página Web.
Color de la malla Le permite establecer
el color de la cuadrícula
.
Espaciado de la Le permite establecer
cuadrícula la distancia horizontal
Ancho: <escribir entre los puntos de la
número> pixeles cuadrícula .

Espaciado de la Le permite establecer


cuadrícula la distancia vertical
entre los puntos de la
Alto: <escribir cuadrícula .
número> pixeles

339
Márgenes de página Le permite establecer
Web los márgenes a la
Izquierda: <escribir izquierda de la página
número> pixeles Web.
Márgenes de página Le permite establecer
Web los márgenes en la
Arriba: <escribir parte superior de la
número> pixeles página Web.

Aplicar Le permite aplicar los


configuraciones a cambios a todos los
todos los documentos.
documentos
Predeterminado Restaura los valores
predeterminados de la
cuadrícula.

Opciones de imagen
Haga clic en la ficha Imagen en el diálogo Opciones para establecer las opciones de imagen.
Para elegir un programa de edición de imagen predeterminado:
1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Imagen para mostrar el diálogo de opciones de Imagen.
3. Arrastre el controlador deslizante Anti-alias para ajustar la suavidad del Anti-alias.
Anti-alias más suaves mejoran la calidad de las imágenes que son cambiadas de
tamaño o rotadas, pero también aumentan su tamaño de archivo y la cantidad de
tiempo necesario para mostrarlas.
4. Arrastre el controlador deslizante Flashpix para ajustar la presentación de imágenes
Flashpix desde Muestra Rápida a Mejor calidad.
5. Arrastre el controlador deslizante Guardando imagen para ajustar la resolución de los
archivos de imágenes guardadas.
6. Haga clic en Predeterminado para restaurar los valores predeterminados .
7. Haga clic en ACEPTAR

Opciones de construcción para HTML

Para establecer las opciones de construcción, elija Opciones desde el menú Herramientas y
seleccione la ficha Construir HTML.

Opción Descripción
Mostrar mensaje de Muestra un mensaje para limpiar la carpeta HTML de destino antes de
limpieza al construir exportar un nuevo sitio Web
el sitio Web
Use el formato de Construye un orden de tabulación de los elementos del formulario en el
pantalla para el orden sitio Web Site como visibles en un modo natural sobre la página. Esta
de tabulación del opción está disponible solamente para sitios Web con CSS. Note que el
formulario orden de tabulación puede ser controlado totalmente al establecer el
orden de las capas en el diseño de página.
Agregar "Mark of the "Mark of the Web" es un método que permite a Internet Explorer 6 en
Web para Windows Windows XP SP2 ver contenido activo que es local en la máquina, sin
XP advertencias de seguridad. Usted debe dejar esta opción marcada a

340
medias. Si está marcada totalmente esta marca se agregará siempre a
sus páginas Web cuando ellas son generadas. Esto no es una buena
idea para las páginas que usted intenta publicar. Si está marcada a
medias entonces la marca será agregada al HTML solamente si usted
está haciendo una vista previa del sitio Web a su ordenador local.
Use los 5 estilos de Use esta opción solamente para exportar los sitios Web dinámicos
formularios de Web creados y mantenidos por versiones anteriores de Web Easy (3, 4 y 5).
Easy con escenas Usuarios avanzados pueden notar que cada capa tiene un pequeño
dinámicas formulario HTML para zanjar el problema de la interpretación de
formularios por Netscape 4.7. Esto requiere un código especial para
administrar y enviar el contenido del formulario desde la página. En la
versión 6 de Web Easy estas páginas son ahora exportadas en código
HTML simple para que el código estándar pueda ser usado por toda
clase de diseño de formulario HTML.
No trate de arreglar Use esta opción al exportar los sitios Web con XHTML configuraciones.
etiquetas vacías por WebEasy tratará de convertir las etiquetas vacías HTML detectadas en
medio de exportación los elementos de texto enriquecido, por ejemplo <br>. Estas etiquetas
XHTML necesitan estar finalizadas correctamente cuando son exportadas, por
ejemplo <br/> como requerimientos W3C XHTML .
Tamaño de letra para Estas opciones le permiten especificar si quiere que el código generado
el código de origen sea con mayúsculas o minúsculas. Se recomienda encarecidamente que
HTML usted elija minúsculas, especialmente cuando exporta XHTML.

Para comprender estas opciones seleccione qué parte del HTML será
convertido cuando usted selecciona saltar Etiquetas,atributos o Valores
. Vea el ejemplo abajo;

<meta http-equiv="Content-Type" content="text/html; charset=iso-


8859-1">

En este HTML 'meta' es la etiqueta, 'http-equiv' es el atributo y ¨Content-


Type" el valor. Sin embargo, las letras que describan cualquier cosa
como un url, nombre de archivo, o entre comillas no cambiarán de
tamaño.

341
Opciones de carpeta
Haga clic en la ficha Carpetas o en el diálogo de Opciones para elegir las carpetas
predeterminadas en donde guardar sus archivos. Cuando usted guarda, el diálogo Guardar va
en forma predeterminada a esa ubicación.
Cada tipo de archivo va en forma predeterminada a esa ubicación. Por ejemplo, las plantillas
que usted crea son dirigidas, en forma predeterminada a la carpeta "Mis plantillas"en la
carpeta Mis Documentos mientras que los documentos son dirigidos a la carpeta "Mis
documentos".
Para elegir un nueva ubicación predeterminada:
1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Carpetas para mostrar el diálogo de opciones de Carpeta.
3. Haga clic en la flecha junto al campo ‘Nombre’ y seleccione un tipo de archivo de la
lista. Por ejemplo, ‘Mis Documentos’ o ‘Mis clips de Audio’.
4. Elija una nueva ubicación predeterminada.
 Escriba la ruta de acceso a la carpeta en el campo ‘Carpeta’or

 Haga clic en para explorar hasta la carpeta.


5. Haga clic en ACEPTAR
Nota:
No se recomienda cambiar las ubicaciones predeterminadas por plantillas del sistema y
recursos del sistema. Si se cambian estas configuraciones es posible que Web Easy no
funcione bien.

Opciones de programas
Haga clic en la ficha Programas en el diálogo Opciones para elegir el programa de edición de
imagen predeterminado. Al activar esta opción, cada vez que usted hace doble clic en una
imagen, ésta se abre en ese programa.

Para elegir un programa determinado para publicar sitios Web :


1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa.
3. Elija una opción:
 Asistente de publicación – inicia el Asistente de publicación de Web Easy.

 Ejecutar programa Le deja hacer clic para explorar hasta llegar al programa que
usted prefiere como predeterminado para publicación de sitio Web.
4. Haga clic en ACEPTAR.

Para elegir programas to preview Web Sites:


1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa.
3. Elija una opción:
 Navegador de Web predeterminado -inicie el programa que Windows asocia con
este formato de archivo.

342
 Ejecutar programa - elija un programa del cuadro combinado o haga clic para
explorar hasta llegar al programa que usted prefiere.
4. Haga clic en ACEPTAR.

Para elegir un programa determinado de edición de imagen:


1. Haga clic en Opciones desde el menú Herramientas.
2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa.
3. Elija una opción:
 Acción predeterminada – acción normal de la aplicación.
 Ejecutar el programa asociado predeterminado -inicie el programa que Windows
asocia con este formato de archivo.

 Ejecutar programa - Le deja hacer clic para explorar hasta llegar al programa
que usted prefiere.
4. Haga clic en ACEPTAR.

Opciones avanzadas
Para establecer las opciones avanzadas, elija Opciones desde el menú Herramientas y
seleccione la ficha Avanzado.
Haga clic en una checkbox en el diálogo de Opciones avanzadas para activar una opción o
para entrar un valor donde se requiera.

Tiempo de espera de
grabación de audio:
<escribir número>
seg.

343
La barra Web Easy
La barra Web Easy consiste de dos botones grises Portada y Editar. Estos botones están
localizados dentro de la barra de tareas a la izquierda de la pantalla. La ubicación de los
botones de Web Easy varía de acuerdo con la barra de tareas seleccionada en ese momento.
Por ejemplo, en la barra de tareas de Editar, el botón Editar aparece arriba de la barra de
tareas. Cuando no se selecciona, regresa a la parte inferior de la barra de tareas.

La barra de tareas
La barra de tareas es un área de barra de herramientas especial a la izquierda de la pantalla,
conteniendo un grupo de botones relacionados. Algunos de estos botones determinan las
herramientas presentadas en la barra de herramientas, y algunos de ellos abren diálogos.
Por ejemplo, para agregar una página nueva a su documento:

1. Primero, haga clic en para mostrar la barra de herramientas de


Edición

2. Haga clic en Editar Página para mostrar la barra de herramientas de Editar


página.

3. Haga clic en Insertar página en la barra de herramientas de Editar Página.

Las barras de tareas están organizadas en grupos en el orden en que se espera ocurrirá el
flujo de trabajo.
La barra de tareas de Portada
Cuando Web Easy comienza, el grupo Portada se selecciona. Usted crea nuevos
documentos, los construye, los publica en la Internet, importa imágenes o muestra el Centro
de Actividades.
La barra de tareas de Editar
Cuando usted crea o abre un documento, el grupo Editar contiene barra de herramientas
que le permite trabajar con elementos en su documento. Le permite editar páginas, fotos,
textos y formas y organizar los elementos, y provee acceso a las herramientas y controles de
multimedia.
Nota:
Usted no puede seleccionar la barra de tareas Editar a menos que tenga un documento
abierto. Esto es porque sin un documento abierto, no hay nada que Web Easy pueda editar..
Al seleccionar un elemento en la barra de tareas se cambia la presentación de barra de
herramientas. Por ejemplo haga clic en los elementos Página y Texto en la barra de tareas
de Editar, y vea cómo cambia la barra de herramientas..

Barras de herramientas
Haga clic en el icono de una barra de herramientas para ejecutar una acción. La barra de
herramientas muestra cambios de acuerdo con la selección en la barra de tareas.
Para obtener una herramienta
1. Haga clic en un botón de la barra de Web Easy para mostrar una barra de tareas. Por
ejemplo, haga clic en para mostrar la barra de herramientas de
Edición
2. Haga clic en un botón de la barra de tareas para mostrar una barra de herramientas .

361
Por ejemplo, haga clic en Editar Página para mostrar la barra de herramientas
de Editar página.
3. Haga clic en una herramientas en la barra de herramientas . Por ejemplo, haga clic en
Insertar página en la barra de herramientas de Editar Página.
Además de algunos iconos de barra de herramientas hay un pequeño triángulo orientado
hacia abajo . Haga clic en el triángulo para mostrar más opciones para la herramienta. Usted
puede entonces hacer clic en una de las opciones para seleccionarla.
Nota:
La mayoría de los botones en las barras de herramientas tienen una barra de menús
equivalente. En el ejemplo más arriba, como una alternativa, usted haría clic en el menú
Insertar y luego seleccione Página.

362
Barra de herramientas de Diseñar

Haciendo clic en esto... produce esto:


Le permite crear un
documento usando un
Sitio Web Asistente de sitio Web.
Le permite crear un
nuevo documento, en
En blanco blanco, basado en una
plantilla de diseño.
Le permite abrir un
documento.
Abrir
Le permite guardar el
actual documento.
Guardar

Barra de herramientas de Construir

Haciendo clic en esto... produce esto:


Le permite hacer vista
previa del documento
Vista previa actual como un sitio Web
o sitio Web dinámico.
Le permite construir el
documento actual en un
Sitio Web sitio Web o sitio Web
dinámico.
Le permite construir el
documento actual en un
Componente
componente - una
imagen componente o un
GIF animado.

365
Barra de herramientas común de Edición

Las herramientas comunes de Edición son un juego de herramientas que se muestran junto
con las otras barras de herramientas.

Haciendo clic en esto... produce esto


Quita el elemento
seleccionado de su
Cortar posición actual y lo ubica
en el portapapeles para
ser pegado en una nueva
posición .

Copia el elemento
seleccionado y ubica la
Copiar copia en el portapapeles
para ser pegado en el
documento.

Pega el contenido del


portapapeles en la
Pegar posición indicada por el
ratón.
Cancela la acción más
reciente.
Deshacer
Rehace la última acción
que fue cancelada con
Rehacer
Deshacer.
Le permite seleccionar
un elemento al hacer clic
Seleccionar sobre él con el ratón.
Le permite agregar un
vínculo al elemento
Vínculo seleccionado.
Le permite agregar una
sombra al elemento
Sombra seleccionado.

Barra de herramientas de Editar página

La barra de herramientas de editar página es un juego de herramientas que le permite trabajar


con las páginas de su documento.
Haciendo clic en esto produce esto
Inserta una nueva página
en su documento.
Insertar
Le permite agregar
títulos a las páginas en
Título su documento.

367
Le permite ajustar el
tamaño de las páginas
Tamaño en su documento.
Le permite agregar un
color, degradado o
Fondo textura al fondo de las
páginas en su
documento.
Le permite agregar
música de fondo a las
Audio páginas en su
documento.
Le permite agregar
transiciones de página a
Transición
su documento.

Barra de herramientas de Editar foto

La barra de herramientas de Editar foto es un juego de herramientas que le permite trabajar


con las fotos en su documento.

Haciendo clic en esto produce esto


Le permite insertar una
foto nueva (u otra
Insertar imagen) en su
documento.
Le permite modificar una
foto seleccionada
Modificar reemplazando la foto, el
marco o el esténcil.
Le permite ajustar el
tamaño de la foto
Tamaño seleccionada.
Le permite recortar
partes no deseadas de la
Recortar foto seleccionada para
alcanzar un tamaño o
relación de aspecto
requeridos.
Le permite rotar o dar
vuelta la foto
Rotar seleccionada.
Le permite aplicar una
selección de efectos de
Efectos foto a la foto
seleccionada

Barra de herramientas de Editar texto

La barra de herramientas de Editar texto es un juego de herramientas que le permiten trabajar

368
con texto en su documento.

Haciendo clic en esto produce esto


Le permite insertar nuevo
texto en su documento.
Insertar
Le permite modificar el
texto seleccionado.
Modificar
Le permite ajustar la
fuente del texto
Fuente seleccionado.
Le permite ajustar el
Tamaño tamaño del texto
seleccionado.
Le permite agregar un
color, degradado o
Rellenar relleno de textura al texto
seleccionado.

Le permite alinear el
texto seleccionado
Justificar
dentro del cuadro de
texto..

Barra de herramientas de Editar formas

La barra de herramientas de Editar formas es un juego de herramientas que le permiten


dibujar, insertar y trabajar con formas en su documento.

Haciendo clic en esto produce esto


Le permite dibujar toda
clase de formas, como
Forma
rectángulos, óvalos, etc..
Le permite insertar
Objeto objetos ya preparados.
Le permite ajustar el
grosor de línea de la
Estilo forma seleccionada.
Le permite agregar o un
color, o un degradado o
Rellenar un relleno de textura a la
forma seleccionada.
Le permite modificar el
Color de borde color del borde.

Barra de herramientas de Organizar elementos

369
La barra de herramientas de Organizar elementos es un conjunto de herramientas que le
permite organizar todos los elementos en su documento.

Haciendo clic en esto produce esto


Muestra el diálogo
Ajustar - permitiéndole
Ajustar ajustar el elemento
seleccionado a la página
o al marco. O hacer
varios elementos del
mismo tamaño,
espaciados o centrados
de forma uniforme.
Le permite cambiar la
posición en capas del
Ordenar
elemento seleccionado.
Le permite alinear los
elementos seleccionados
Alinear verticalmente u
horizontalmente.
Le permite unir los
elementos seleccionados
Agrupar en un grupo, o dividir los
elementos agrupados.
Le permite aplicar una
ruta de animación al
Animación elemento seleccionado.
Le permite aplicar
efectos dinámicos HTML
Efectos
al elemento
seleccionado.

370
Barra de herramientas de Asistentes

La barra de herramientas de Asistentes le permite acceder herramientas y Asistentes, para


ayudarle a ejecutar una variedad de tareas dentro de Web Easy.

Haciendo clic en esto produce esto


.Abre el Asistente de
vínculo dinámico. Use
Vínculo dinámico esto para conectar a
servicios de terceros
relacionados con
alimentación de Web(
feed ).
Abre el Asistente de
mapa de sitio -
Mapa de vínculo permitiéndole verificar y
administrar los vínculos
desde y hacia las
páginas en su
documento.
Abre el diálogo de estilo -
Estilo permitiéndole crear,
modificar o aplicar las
clases de estilo.
Abre el Asistente de
texto - permitiéndole
Texto
agregar textos ya
preparados a su
documento.
Abre el Asistente de
búsqueda- le permite
Búsqueda buscar textos, imágenes
y elementos vinculados
en su documento.
Abre el Asistente de
Código personalizado -
Código permitiéndole agregar
sus propios códigos a su
documento.
Abre el Asistente de
Propiedades del objeto Propiedades del objeto-
permitiéndole escribir los
parámetros para el
código personalizado si
está anexado al objeto.

Barra de herramientas multimedia

La barra de herramientas multimedia le permite reproducir archivo multimedia y grabar clips


de audio .

372
Barra de menús

Barra de menús está localizada en la parte superior de Web Easy. Haga clic en un título de
menú para que se despliegue una lista de comandos de menú.
 Si un comando de menú es seguido de una elipsis (...), haga clic en ella para mostrar
un cuadro de diálogo.
 Si un comando de menú es seguido de una flecha , haga clic en ella para desplegar
más comandos.
 Si un comando de menú es gris, no está disponible para el elemento seleccionado.

Menú Archivo
El menú de Archivo le permite ejecutar tareas de administración de archivo con sus
documentos - abrirlos, cerrarlos, guardarlos o imprimirlos.

Menú Edición
El menú Edición le permite seleccionar elementos y ejecutar tareas de edición sobre ellos -
copiar, pegar, cortar, asimismo como acciones de rehacer y deshacer.

Menú Organizar
El menú Organizar le permite organizar elementos seleccionados en su documento. Usted
puede agrupar elementos, alinearlos, bloquearlos, ajustar el orden de las capas, etc.

Ver también
Ajustar
Ordenar
Alinear
Agrupar
Bloquear
Animar
Efectos HTML dinámicos

Menú Insertar
El menú Insertar le permite insertar objetos, componentes y dibujos.

Menú Modificar
Hay dos formas de mostrar los menús Modificar. Elija qué método prefiere haciendo clic en la
checkbox ‘Use la barra de tareas de selección sensitiva’ en el diálogo de Opciones generales.
Cuando se marca ‘Use la barra de tareas de selección sensitiva’, el menú Modificar cambia
de acuerdo con el elemento seleccionado en ese momento.
 Si una foto se selecciona, aparece el menú Modificar foto .

375
 Si un texto se selecciona, aparece el menú Modificar texto.
 Si una forma se selecciona, aparece el menú Modificar forma.
 Si nada se selecciona, aparece el menú Modificar página.
Cuando ‘Use la barra de tareas de selección sensitiva’, no está señalada, Foto, Texto, Forma
y Página aparecen como elementos de menú en el menú Modificar y en cada uno de los
menús de las cascadas . Por ejemplo, si usted hace clic en Foto desde el menú Modificar, el
menú Modificar foto aparece.

Ver también
Cómo configurar las opciones generales

Menú Modificar foto


El menú Modificar foto le permite editar la foto seleccionada - agregar marcos y esténciles,
recortar, rotar y aplicar efectos de foto.

Menú Modificar texto


El menú Modificar texto le permite editar el texto seleccionado - ajustar el tamaño, la fuente o
la justificación.

Menú Modificar forma


El Menú Modificar forma le permite editar la forma seleccionada - ajustar el grosor de línea,
agregar rellenos o sombras.

Menú Modificar página


El menú Modificar página le permite trabajar con las páginas en el documento - agregar
títulos de página, rellenos de fondo, sonido de fondo, transiciones, etc.

Menú Construir
El Menú Construir le permite construir un documento en un sitio Web, sitio Web dinámico o
componente, o ver una vista previa para una verificación rápida de su diseño.

Menú Herramientas
El menú Herramientas le permite usar Herramientas y Asistentes, como así también
establecer sus opciones para Web Easy..

Menú Ventana
El menú Ventana le permite trabajar con las diferentes ventanas de documentos que pueden
abrirse simultáneamente en Web Easy.

Menú Ayuda
El menú Ayuda ofrece recursos para ayudarle a aprender usar Web Easy - demonstraciones,
tutoriales, Ayuda en línea y recursos en Internet.

376
Glosario

A
almacenamiento
arrastrar y colocar
asistentes
Asistente Inspector
área imprimible

B
barra de navegación
base de datos del producto

C
capas
cargar
Colores seguros para Web
construcción
contador de visitas
controladores de tamaño
CSS
cuadrícula

D
descargar
DHTML
Dirección de sitio WWW
dirección IP
documento activo

E
efectos dinámicos HTML
escenas
esténcil
Explorador de archivo

F
filtros complementarios
fondo
formato de archivo de imagen
freeware (software gratuito)
FTP
fuente

378
G
gamma
Gif animado
grupo

H
host remoto
HTML
HTTP

I
imágenes incrustadas
Internet
IP
ISP

J
JavaScript

M
marco (foto)
marco (sitio Web )
márgenes
mensajes emergentes
motor de búsqueda de Internet

N
Navegador de Web
navegador Web de Internet
nombre de host

O
objetos incrustados

P
paquete
página primaria
perfil de conexión
permiso de escritura
permiso de lectura
plantilla de diseño
portapapeles
portada
portaespacio

379
profundidad de color
proveedor de servicios de Internet
publicar

R
relación de aspecto
relleno degradado
RSS

S
SEO
servidor
shareware (software gratuito para compartir)
sitios FTP
SKU
software de distribución pública y gratis
sugerencias

U
URL

V
vínculo
vínculos auto
vínculo dinámico
vínculo hipertexto
vista previa de impresión
VRML

W
WWW
WYSIWYG

X
XHTML

Z
Instalar
Haga clic en el botón Instalar para comenzar el procedimiento de descarga e instalación
automática. Usted puede recibir instrucciones de cerrar las aplicaciones en ejecución o de
reiniciar su ordenador.

380
El panel Ordenar
Este panel le muestra paquetes seleccionados, el estado de su descarga, más información
sobre intervalos y espacio en la unidad de disco.
El panel de descripción del paquete
Este panel muestra información acerca del contenido seleccionado. Puede incluir vínculos a
otras partes del sitio Web de VCOM.
El panel de paquetes
Este panel contiene una lista de las descargas relevantes a su software que se encuentran
disponibles. .Haga clic en los iconos de la carpeta para mostrar el contenido. Haga clic en la
checkbox para seleccionar un paquete para descargar.

No puedo oir mi vínculo de audio rollover cuando mi sitio Web


DHTML se ve con un navegador Netscape.

El vínculo de audio rollover en sitios DHTML se opera con un componente Activo X , que
actualmente no es compatible con Netscape.
Para que los usuarios de Netscape puedan oir su vínculo de sonido en un sitio DHTML, deben
reproducir el clip de audio en un reproductor externo de sonido, como en un sitio HTML..
Para vincular el elemento a un clip de audio que se reproducirá en un reproductor
externo:
1. Seleccione su elemento vinculado.
2. Abra el diálogo de vínculos y quite su vínculo a Efectos de sonido y música.
3. Haga clic en la ficha Internet en el diálogo Vínculos.
4. Haga clic en la opción Archivo.

5. Haga clic en .
6. Elija Todos los archivos en el campo ‘Tipo de archivos’ en el diálogo Explorar.
7. Explore hasta el clip de audio y haga clic en Abrir.
8. Haga clic en ACEPTAR.

Cómo limpiar el sitio seleccionado


Esta pantalla aparecerá solamente si la opción 'Dejar que Web Easy administre
automáticamente mi sitio Web' es seleccionada en las Configuraciones de transferencia y hay
archivos a eliminar en el sitio remote .
Esta opción muestra una lista de archivos que no son requeridos por el paquete actual.
1. Para eliminar un archivo solamente, selecciónelo en la ventana de izquierda y haga clic
en Eliminar. Para eliminar todos los archivos, seleccione Eliminar todo.
2. Haga clic en Siguiente para limpiar el sitio y cargue el paquete actual. Cuando termine
de limpiar y cargar, se mostrará la pantalla ¡Felicitaciones!.

Asistente de publicación, pantalla de Seleccionar paquete


La pantalla de Seleccionar paquete le permite ver todos los paquetes de sitios Web que usted
ha creado. Usted puede ver estadísticas acerca del número de archivos (y el tamaño total de
estos archivos) en el paquete, y el número de páginas.
Seleccione la checkbox ‘Vista previa’ para ver los archivos multimedia en el paquete .

381
Asistente de publicación, Configuraciones de transferencia
La pantalla de Configuraciones de transferencia muestra las configuraciones de transferencia
para su paquete Web.
Los campos muestran:
 nombre del paquete a transferir.
 el archivo local conteniendo el paquete.
 la carpeta remota donde el paquete será ubicado. Para la mayoría de los usuarios
habrá una carpeta dentro de su carpeta de portada adonde pertenecen sus archivos
HTML files (paquete Web). Usted puede o especificar esto en la ficha de Opciones
avanzadas en el diálogo Conectar o usted puede usar el botón Explorar para
seleccionar un a carpeta diferente.
 Si usted selecciona la checkbox ‘Convierta este paquete en el sitio Web
predeterminado’ , entonces cuando usted explore la carpeta de destino, la página 1 del
sitio Web se cargará automáticamente. Esto asegura que se accederá al sitio Web que
usted está publicando actualmente usando su URL predeterminado. Si usted está
publicando por la primera vez, o a una carpeta remota donde no hay otros paquetes, se
recomienda encarecidamente hacer esto.
 Si usted no convierte a su sitio Web en una página primaria, para poder explorarla
entonces, usted debe incluir en el explorador la carpeta remota y el nombre del primer
archivo HTML en el paquete para que las páginas se carguen.
 Si usted está publicando a una carpeta remota que ya contiene un paquete Web, usted
debe decidir cuál paquete será el sitio Web primario. Idealmente usted debe vincular su
otro sitio Web desde su sitio Web primario (usando el vínculo opción). Usted puede
dejar los paquetes cómo están, pero uno de sus sitios Web será accesible solamente
escribiendo la carpeta remota y el nombre del primer archivo HTML en el paquete.
 Si usted deja que Web Easy administre su sitio Web, solamente los archivos que han
cambiado serán cargados, y Easy verifica por archivos que no se usan en el paquete.
Si esta opción no se selecciona, todos los archivos requeridos para el paquete serán
transferidos (aunque ya existan o no en la ubicación remota).
 Si se encuentran archivos en el sitio remoto que no se requieren para el paquete
actual, usted verá la pantalla Limpiar el sitio seleccionado.

Errores posibles :
Si usted especifica una carpeta local (en el diálogo Conectar o en el diálogo de las
Configuraciones de Transferencia) que no existe, Web Easy mostrará un error y mostrara la
ruta de acceso que usará para seleccionar paquetes locales.
Es posible que usted reciba una advertencia si ha especificado una carpeta remota que no
existe en el host, o relativa a su carpeta de portada. El mensaje mostrará la ruta de acceso
que a la cual se intentó cambiar el directorio, y lo ubicará en su carpeta de portada. Usted
puede usar luego el botón Explorar para seleccionar una carpeta diferente.
Tome nota de la carpeta de destino porque ésta es la que usted debe escribir en la ficha de
Opciones avanzadas en el diálogo Conectar para la carpeta remota (omitir el encabezado '/').

Cómo iniciar el Asistente de Web


Usted puede guardar documentos y abrirlos más tarde nuevamente.
Para abrir un documento:

1. Haga clic en para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

382
3. Haga clic en Sitio Web para iniciar el Asistente de Sitio Web.
4. Haga clic en Siguiente y siga las instrucciones en su pantalla.
Sugerencia:
Si hace clic en Nuevo y Sitio Web desde el menú Archivo logrará el mismo resultado.
Ver también
Cómo usar el Asistente de Web

Para usuarios de Mac: cómo diseñar

Sugerencias de compatibilidad para usuarios de Web Easy

Muchos usuarios de Internet no usan la plataforma de Windows. Posiblemente usted


desee considerar algunas de las limitaciones especiales impuestas por distintos
sistemas operativos, plataformas de Hardware y software para navegación.
En particular, note:
• Arial, Times New Roman y Courier New son tres de las Fuentes que se encuentran
más fácilmente disponibles. Si usted usa solamente estas fuentes, es más probable
que sus páginas se muestren como usted lo planea, sin importar el sistema operativo
o el navegador de Web usado para ver su sitio.
• Netscape Navigator no es compatible con los efectos avanzados como transparencia,
fundidos y barridos. Se recomienda que usted evite estos efectos si su audiencia va a
usar Navigator. Lo mismo se aplica para Internet Explorer 4.5 en Macintosh.
• Para crear un sitio Web que pueda verse por la mayor cantidad de gente posible , sin
tener en cuenta el sistema operativo o el navegador de Web usado, se recomienda
que usted construya un sitio Web estándar de Internet conteniendo solamente texto,
imágenes y formas. Navegadores de Web más viejos no pueden mostrar
correctamente funciones como animaciones, efectos, transiciones y audio.
• Si usted está usando formularios, se recomienda que usted construya un sitio Web
estándar de Internet se recomienda que usted construya un sitio Web estándar de
Internet. También, los campos de los formularios deben estar ubicados directamente
sobre la página, en vez de estar arriba de imágenes o formas. Esto asegurará que su
formulario se muestre como usted lo planeó.
• Si usted está construyendo un sitio Web dinámico, los bloques de texto que están
centrados pueden aparecer justificados ala izquierda en Internet Explorer 4.5 y en la
Macintosh. Para resolver esto, inserte "<p>" al comienzo de su texto, y "</p>" al final.
Por ejemplo, si su texto es "Bienvenido a mi sitio Web", usted debe cambiarlo a "<p>
Bienvenido a mi sitio Web </p>".
• Si uated ha ubicado un vinculo de texto arriba de una imagen o forma, y construye un
sitio Web dinámico, Internet Explorer 5 en la Macintosh puede no permitir que se haga
clic correctamente en el vínculo. Se recomienda que solo ubique vínculos de imagen
sobre otras imágenes.
• Internet Explorer 4.5 para la Mac dibuja el texto en una forma diferente a Internet
Explorer 5. Esto significa que a veces cuando usted crea un sitio Web dinámico, el
texto tendrá un tamao incorrecto. Una solución es usar solamente fuentes Arial o
Times, ya que éstas son las más ampliamente compatibles. Otra solución es poner un
mensaje en su página diciendo a los usuarios la forma de alterar laa configuraciones
para la presentación de su texto. Desde el menu Preferencias, en Internet Explorer, en
la sección Languajes/Fuentes, cambia de 96 ppp a 72 ppp, o viceversa.
Alternativamente, el usuario puede cambiar el Zoom para texto, desde el menú Ver.

383
Cómo buscar imágenes

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de búsqueda para buscar imágenes en su documento. Usted puede buscar
todas las imágenes en el documento o especificar un tipo particular de archivo, por ejemplo
JPEG (con una extensión .JPG ) o Windows Bitmap (con una extensión .BMP ). El Asistente
de búsqueda encontrará todas las imágenes de ese tipo de archivo.
Para buscar imágenes:
1. Desde el menú Herramientas, seleccione Buscar. Se abre el Asistente de búsqueda.
2. Haga clic en la opción ‘imágenes’.
3. Haga clic en para elegir el tipo de archivo a buscar.
4. Haga clic en Buscar siguiente. Controladores de selección aparecen en la primera
imagen encontrada.
5. Haga clic en Buscar siguiente otra vez para buscar la próxima imagen.
6. Haga clic en Cerrar para cerrar el Asistente de búsqueda.

Cómo buscar vínculos

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de búsqueda para buscar vínculos en su documento. Usted puede buscar
todos los vínculos en el documento o especificar un tipo particular de vínculo, por ejemplo
vínculos de programa o vínculos de e-mail. El Asistente de búsqueda encontrará todos los
elementos que tienes un vínculo tal agregado.
Para buscar vínculos:
1. Desde el menú Herramientas, seleccione Buscar. Se abre el Asistente de búsqueda.
2. Haga clic en la opción ‘Vínculos a’.
3. Haga clic en para elegir el tipo de vínculo a buscar.
4. Haga clic en Buscar siguiente. Controladores de selección aparecen en el primer
elemento vinculado encontrado.
5. Haga clic en Buscar siguiente otra vez para buscar el próximo elemento vinculado.
6. Haga clic en Cerrar para cerrar el Asistente de búsqueda.

Cómo buscar texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de búsqueda para buscar elementos específicos de texto en su
documento.

Para buscar texto:


1. Desde el menú Herramientas, seleccione Buscar. Se abre el Asistente de búsqueda.

384
2. Haga clic en la opción ‘Texto’.
3. Escriba el texto en el cuadro de texto.
4. Haga clic en la checkbox ‘Coincida la palabra completa solamente’ para buscar
palabras completas, o déjela sin marcar para buscar fragmentos.
5. Haga clic en la checkbox ‘Coincida la palabra completa solamente’ para excluir
palabras que no coinciden en cuanto a mayúsculas y minúsculas. Por ejemplo, ‘Sonido’
y ‘sonido’.
6. Haga clic en Buscar siguiente. Controladores de selección aparecen en el primer
elemento de texto encontrado.
7. Haga clic en Buscar siguiente otra vez para buscar el próximo elemento de texto.
8. Haga clic en Cerrar para cerrar el Asistente de búsqueda.

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')

Cuando ajustar la tonalidad, saturación o intensidad

El efecto Ajustar Color HSI le permite determinar con precisión sus colores de manera que
pueda obtener las correctas combinaciones de tonalidad, saturación o intensidad

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
La Tonalidad se refiere a la combinación exacta de RGB (red, green and blue light: luz roja,
verde y azul) que compone sus colores. Ajustar tonalidad significa cambiar esos valores,
manera que los colores aparezcan bastante distintos. Por ejemplo, las áreas rojas en la
imagen pueden volverse púrpura. Experimente con tonalidad para crear efectos de color
interesantes).

Saturación se refiere a la intensidad de los colores. Disminuir la saturación significa reducir la


intensidad de manera que los colores se vuelvan menos vibrantes. Una reducción extrema
en la saturación reduciría las imágenes a tonos de gris. Un incremento extremo en la
saturación removería el gris de la imagen de forma que se vuelve casi color puro.

Intensidad se refiere a la intensidad de la luz en una imagen .Agregar intensidad agrega


blanco a los colores, mientras que reduciéndola agrega negro. Un incremento extremo en la
intensidad agregaría tanta luz a la imagen que se volvería casi blanca pura. Una reducción
extrema en la intensidad agregaría tanto negro a la imagen que ella se vuelve casi negro
puro. Compare este efecto con el efecto Brillo, el cual agrega o reduce el brillo de la imagen.

Cómo ajustar el estilo de una forma


El botón Estilo le permite cambiar el grosor del contorno de una forma, y le permite cambiar un
objeto desde un contorno a una forma sólida y viceversa.
Para ajustar el estilo de una forma :

1. Haga clic en para mostrar la barra de herramientas de Edición.

385
2. Haga clic en Formas para desplegar la barra de herramientas de Editar
formas.
3. Seleccione la forma.

4. Haga clic en Estilo para mostrar el menú de Estilo.


5. Haga clic en el grosor de una línea para ajustar la línea a ese grosor, o haga clic en
Forma sólida para convertir una forma linear a una forma sólida.

Cómo insertar objetos


Web Easy le ofrece una colección de objetos pre-diseñados. Alegre su documento insertando
divisorios ya preparados.
Los usuarios avanzados pueden insertar objetos avanzados tales como vínculos automáticos ,
objetos animados, etc.
Para insertar un objeto :

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Formas para desplegar la barra de herramientas de Editar


formas.
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto.
4. Haga clic en una ficha para traer un tópico al primer plano, por ejemplo, Divisorios. O
haga clic en la flecha para explorar hacia los lados para ver más tópicos.
5. Haga clic en nombre de un objeto para verlo en el cuadro de vista previa.
6. Haga clic en Aceptar para elegir el objeto.
7. Haga clic en en el lugar de donde quiere poner el objeto.
8. El objeto puede ahora ser editado o movido.

Cómo mostrar el Asistente de texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Para mostrar el Asistente de texto:
Seleccione Asistente de texto desde el menú Herramientas.

Cómo vincular a un ancla en la misma página

Si usted vincula un objeto a una página que no existe (usted puede hacer esto
accidentalmente escribiendo el nombre de la página con un error), entonces ese
nombre se usa como un ancla en la página actual.
Cuando usted Construye o hace Vista previa de su documento, este vínculo genera:

386
<A HREF="documento.html#xxx">
donde documento.html es el documento actual y xxx es el título de esta página desconocida.
Esta ancla puede estar anexada a un objeto en la misma página asignándole el
título de página a ese objeto.
Esta palabra clave puede ser agregada a cualquier texto (sobre esta o cualquier otra página)
por medio de un diálogo de vínculo con la definición como "Vincular código":
NOMBRE='xxx'

Cómo vincular a otra página


Usted puede vincular un elemento en una página de un sitio Web, de manera que cuando un
visitante haga clic en ese elemento, la página se abrirá..
Para agregar un vínculo a una página:
1. Seleccione el elemento al cual quiere agregar el vínculo.

2. Haga clic en Vínculo para mostrar el diálogo de Vínculo.


3. Seleccione la ficha de Navegar el documento para traer el diálogo de Vínculos de
Navegar el documento hacia el primer plano.
Haga clic en Primer página para crear un vínculo a la primera página del sitio Web.
 Haga clic en Página anterior para crear un vínculo a la página anterior .
 Haga clic en Página siguiente para crear un vínculo a la siguiente página del sitio
Web..
 Haga clic en Última página para crear un vínculo a la siguiente página del sitio Web...
 Haga clic en Página para crear un vínculo a una página especificada del sitio Web...

Escriba el título de página si lo conoce o haga clic en para seleccionar uno del
diálogo de títulos de página.
1. Haga clic en ACEPTAR.
Documento en blanco
Haga clic aquí para crear un documento nuevo.
Explorador de archivo
Explore por imágenes en el Explorador de archivo. Arrastre y coloque imágenes en su
documento.
Construir un sitio Web
Le permite construir el documento actual en un sitio Web o en un sitio Web dinámico.

Cómo elegir una plantilla de diseño


La plantillas de diseño forman la base de su documento. Diseñadas por artistas gráficos,
incluyen fondos pre-diseñados, imágenes, botones vinculados y más aún.
Elija una de nuestras plantillas profesionalmente diseñadas o haga clic en la ficha En blanco
para crear sus propios diseños originales.
Para elegir una plantilla de diseño:
Haga clic en una ficha para traer la plantilla de diseño al frente. Por ejemplo, Negocios.
1. Haga clic en el nombre de la plantilla de diseño. Una vista previa de esa plantilla de
diseño se muestra a la derecha de la ventana de diálogo. Si la plantilla de diseño tiene
varias páginas, puede que usted necesite desplazar hacia abajo para ver todas las
páginas de las que se hace la vista previa. La información acerca del número de

387
páginas y fotos en la plantilla de diseño también se muestra. Explore las diferentes
plantillas de diseño hasta que encuentre la que quiere.
2. Haga clic en Aceptar.. El documento se abre en el espacio de trabajo de Web Easy y
usted puede editarlo.
Cerrar
Haga clic aquí para cerrar el Centro de actividades.

Cómo diseñar documentos


Si usted prefiere diseñar su documento desde el comienzo, usted puede comenzar con un
nuevo documento en blanco y agregar sus propios elementos de diseño.
Para diseñar un nuevo documento en blanco:

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en En blanco para abrir un nuevo documento.


4. El nuevo diálogo de documento aparece.
5. Elija el tipo de documento que usted quiere diseñar, por ejemplo, 3 páginas.
6. Haga clic en ACEPTAR
7. El documento en blanco se abre. Ahora usted puede agregar sus propios elementos de
diseño.
Sugerencia:
Haciendo clic en Documento nuevo/En blanco desde el menú de Archivo alcanza el
mismo resultado.

Ver también
Cómo diseñar su documento
Importar un sitio Web

Cómo salir de Web Easy


1. Desde el menú Archivo haga clic en Salir para salir de Web Easy.
2. Un diálogo aparece, pidiéndole que confirme que desea salir.
3. Haga clic en ACEPTAR para confirmar y salir.
Ayuda
Haga clic aquí para obtener Ayuda acerca de cómo usar el Centro de actividades.

Cómo se guardan las páginas DHTML


Cuando Web Easy guarda archivos para páginas DHTML, cada elemento se guarda
separadamente. Esto significa que las partes fuera de visión en los elementos que se
superponen también se guardan, y por esta razón la salida de DHTML usa más espacio de
archivo.
Barra de menús
La Barra de menús contiene títulos de menús. Haga clic en un título de menú para mostrarlo.
Haga clic en un comando de un menú para ejecutar una acción.

388
Abrir documento
Haga clic aquí para abrir un documento existente..
Publicar
Haga clic aquí para publicar un sitio Web en Internet.

Cómo guardar un documento la primera vez


La primera vez que usted guarde un documento, el diálogo Guardar como se abre.
Para guardar:

1. Haga clic para mostrar la barra de tareas de Portada

2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.

3. Haga clic en Guardar para guardar su documento.


4. Si usted está guardando un documento por la primera vez, el diálogo Guardar como
aparece.
5. Escriba un nuevo nombre para su documento en el campo ‘Nombre de archivo’ .
6. Explore hasta la carpeta donde quiere almacenar el documento.
7. Haga clic en Guardar.

Consejo:
Haciendo clic en Guardar desde el menú Archivo produce el mismo resultado.

1.

Mostrar al Inicio
Limpiar la checkbox para quitar el Centro de actividad al Inicio.
Manténgala señalada para mostrar el Centro de actividad al Inicio.
Barra de tareas
Los botones en las barras de tareas muestran barras de herramientas o abren diálogos.
Haga clic en un botón de barra de tareas para mostrar una barra de herramientas o abrir un
diálogo.
Barra de herramientas
Las Barras de herramientas contienen iconos de herramientas, por ejemplo, la herramienta
Vínculo que crea un vínculo a su documento. Haga clic en un icono para ejecutar una
acción.
Tutorial
Haga clic aquí para ejecutar el tutorial de Web Easy.
Botones de Web Easy
Los dos Botones de Web Easy (Portada y Editar) muestran cada uno una barra de tareas

389
distinta.
Haga clic en un botón de Web Easy para elegir qué barra de tareas se mostrará.
Espacio de trabajo
Trabaje en su documento dentro del Espacio de trabajo
.
El documento que está siendo editado. Más de un documento puede ser mostrado, pero sólo
uno puede ser activo. La barra de título del documento activo se resalta.
Un GIF animado está hecho de dos o más imágenes GIF. Las imágenes aparecen
secuencialmente, como marcos en una animación.
Guardar en copias de seguridad en almacenamiento guarda su documento y todos los
archivos vinculados (archivos gráficos, archivos de audio, etc.) a una carpeta seleccionada,
permitiéndole copiar el diseño entero en un disco u otro medio desmontable.
La proporción de la longitud horizontal de la foto en relación con la longitud vertical.
Asistentes son guías que lo llevan paso a paso a través de una actividad.
Vínculos automáticos son botones o textos, que se vinculan automáticamente a una página
diferente dentro del documento. Cuando usted inserta Vínculos automáticos, Web Easy
automáticamente calcula el número de páginas en su documento y crea el correspondiente
número de vínculos.
El fondo cubre la página entera y está siempre presentado por debajo de los otros elementos.
Un fondo puede ser un color liso, un degradado desde un color a otro o un relleno de textura
basado en una imagen seleccionada.

Construir un documento lo convierte en archivos HTML o DHTML y crea un paquete de sitio


Web que determina cuáles archivos serán transferidos al host remoto durante la publicación.
Un espacio de almacenamiento provisional para cualquier cosa que usted quiera mover.
La profundidad de color de una imagen determina el número posible de colores. La
profundidad de color va desde el color de un bit, de negro y blanco puro, al color de 32 bits,
con la posibilidad de millones de colores.

Un perfil de conexión es un conjunto de detalles de conexión que usted puede guardar para
volver a usarlos.

Cascading Style Sheets (CSS) Hojas en estilo cascada: método para aplicar estilos a los
sitios Web.
Sugerencias son ventanas que aparecen cuando usted hace clic en una herramienta, dando
indicaciones e instrucciones. Para activar o desactivar las Sugerencias, haga clic en la ficha
General en el diálogo Opciones.
Dynamic Hypertext Markup language:DHTML. Significa Lenguaje de formato de hipertexto
dinámico. Los sitio Web dinámicos obtienen su formato usando comandos DHTML..
El acto de transferir archivos a su ordenador por medio de Internet. Por ejemplo, cuando usted
transfiere un programa a su ordenador desde un sitio de software a compartir, usted está
descargando el programa..
Arrastrar y colocar
Si el elemento que usted está arrastrando no puede ser colocado en la posición actual, usted

verá el puntero de estacionamiento prohibido - .


Los efectos dinámicos HTML son similares a las transiciones de página, pero se aplican a
elementos individuales. Ellos incluyen efectos como fundido de entrada y salida, disolver, abrir
y cerrar persianas y muchos más..

390
Los vínculos dinámicos dirigen sus visitantes a las tiendas virtuales y a los servicios en
Internet, ganando dinero para usted cada vez que alguien entra a esos sitios por medio de su
página.
Incrustar un objeto significa reservar un espacio en su sitio Web y vincular un archivo a ese
espacio. Cuando los visitantes ven el sitio Web, el archivo se ejecuta dentro de un visor en ese
espacio.

Incrustar una imagen significa reservar un espacio en su sitio Web y vincularla a una imagen
que existe en un sitio Web distinto.
El tipo de letra o de fuente de un texto.
Una imagen diseñada para crear la impresión de un marco de foto.
Los sitios Web pueden dividirse en un número de marcos de manera que varias páginas
puedan ser vistas simultáneamente. Por ejemplo, si usted crea una barra de navegación para
su sitio DHTML, la página con los botones de navegación aparece en una marco y la página
principal en otro.
Software que está disponible sin costo.
File Transfer Protocol, o protocolo para transferencia de archivos.
FTP es un protocolo para transferir archivos entre ordenadores locales y remotos.
Un Host de Internet que almacena archivos o programas para que la gente los descargue.
El contraste entre los medios tonos de una imagen.
Un relleno de degradado es uno en donde un color se esfuma gradualmente dentro de otro..
La cuadrícula es una red de puntos en el fondo de su documento que le ayuda a alinear
objetos.
Una colección de dos o más elementos que han sido agrupados de modo que la selección
aparece para todos los elementos contenidos en el grupo.
Una Portada típica actúa como una introducción a un sitio Web. Usualmente, incluye un texto
breve, dando la bienvenida a la gente que llega al sitio Web, y así también un resumen del
contenido del sitio Web, y vínculos a las otras páginas.
La Portada se selecciona usualmente como la Página primaria, la cual es ofrecida
automáticamente por el servidor en caso que la dirección de sitio Web no haya sido dada
como un URL completo a una página Web.
El nombre de Host representa la dirección de su host remoto (por ejemplo, www.v-com.com).
El nombre de Host provee la misma información que la dirección IP. Su ISP suministra su
nombre de Host.
Hypertext Markup Language (HTML). Significa: Lenguaje de formato de hipertexto. Es un
lenguaje de formato usado para marcar o ‘etiquetar’ archivos de texto comunes para que
puedan ser vistos usando un navegador de Web. Las etiquetas determinan cómo se muestra
un archivo de texto y también le permiten incrustar vínculos a otros sitios Web.
Estos archivos de texto con etiquetas pueden ser luego publicados como sitios Web en la
WWW para que otros los vean.
Hypertext Transfer Protocol (HTTP) Significa: protocolo de transferencia de hipertexto.
Es un protocolo que capacita a los navegadores de la WWW a que se comuniquen con los
servidores para el intercambio de información.
Este es el nombre dado al tipo de vínculos que se encuentran en elementos dentro de un sitio
Web. Es un vínculo textual de hipertexto, a menudo llamado un texto de zona activa, y se usa
por lo común para permitir el salto a otras secciones del mismo o de otros sitios Web. Los
objetos gráficos también pueden ser usados como vínculos.

Las imágenes pueden ser guardadas en una selección de formatos de archivo, por ejemplo
GIF o JPEG. Los diferentes formatos tienen diferentes profundidades de color y pueden
hacerse diferentes cosas con ellos. Por ejemplo, las imágenes GIF pueden tener solamente
256 colores pero pueden ser convertidas en transparentes en forma parcial.

391
Internet es una red de ordenadores a nivel mundial.
Son programas de terceros que le permiten buscar información por Internet.
El individuo o la organización que le provee su conexión a Internet y servicios tales como
e-mail y el hospedaje de su sitio Web.
Los navegadores de Web le permiten viajar la Web, explorando a través de archivos de
información y documentos sobre cualquier tópico, shareware, sonidos y películas.
Internet Protocol significa Protocolo de Internet
IP es software que divide data en paquetes para transferir a través de Internet.
La dirección IP es una representación numérica de la dirección de su host remoto, por
ejemplo, 210.121.111.200. La dirección IP provee la misma información que el nombre de
Host. Su ISP le suministra su dirección IP.
Internet Service Provider significa Proveedor de servicios de Internet.
Un ISP es una organización que provee a los usuarios remotas conexiones a Internet y
servicios tales como e-mail y hospedaje de sitios Web.
JavaScript es un lenguaje de programación, o códigos. Este lenguaje se incrusta en las
páginas Web y es leído por el navegador. Puede usarse para hacer distintas cosas, como abrir
una ventana separada en el navegador o mostrar un mensaje cuando el ratón se mueve sobre
un objeto en la página
Al poner elementos en capas hay que tener en cuenta qué elemento se mostrará arriba de
otro si dos o más elementos se sobreponen. Una nueva capa se crea cada vez que un
elemento se agrega a la página.
La distancia entre el filo de la hoja y la parte impresa de la página.
Una barra de navegación aparece como un marco separado a un lado de su sitio Web DHTML
y contiene vínculos a las diferentes páginas en el sitio. Porque está en un marco separado, la
barra de navegación permanece en su lugar mientras los visitantes exploran las distintas
páginas del sitio.
Una colección de archivos usados para crear páginas Web desde Web Easy.
El Explorador de archivo aparece en la parte inferior de Web Easy. Se usa para explorar
buscando archivos de fotos, media, imágenes, clipart o imágenes prediseñadas y para
arrastrar y colocar fotos en sus documentos.
Un portaespacio permanece cuando usted quita una imagen, preservando el tamaño y
ubicando la imagen.
Un filtro complementario (plug- in) es un componente que puede ser agregado a un programa
para incrementar su funcionalidad. Por ejemplo, usted puede agregar un VRML plug-in a su
navegador de Web para facultarla a mostrar VRML. Muchos filtros complementarios pueden
ser descargados de Internet.
La Página primaria es el archivo que su host remoto carga automáticamente cuando alguien
visita su sitio Web. Pida a su ISP para obtener el nombre de su página primaria. Nombres
comúnmente usados para páginas primarias son welcome.html, index.html y default.html.
Una vista previa que muestra el aspecto que tendrá una página cuando usted la imprima.
Los valores especificados toman en cuenta los márgenes de la impresora, ej.:los valores
mostrados representan el área imprimible. Estos márgenes variarán dependiendo de su
impresora.

Base de datos del producto


Está ubicada en el servidor y es la lista de productos con la información vital requerida para
proceder a su compra en Internet. La mayor razón es proveer seguridad a los usuarios y para
las transferencias de dinero electrónico.
Software que ha sido lanzada al dominio público y que está disponible para uso irrestricto.
Publicar un sitio Web es el proceso de transferir el paquete de archivos HTML o DHTML a su
servidor remoto de modo que otras personas puedan verlos con sus navegadores de Web.

392
Permiso de lectura de archivos en una carpeta remota. Un host remoto otorga permiso de
lectura a algunas carpetas. Usted no podrá hacer cambios a los archivos en esas carpetas a
menos que tenga un permiso de escritura.
El host remoto es el ordenador servidor que almacena su sitio Web - "hospedando" el sitio.
Los puntos cuadrados (elemento individual o en forma de diamante (grupo) que aparecen en
los bordes y esquinas de un elemento. La presencia de éstos indica que el elemento o grupo
está seleccionado.
RSS (Really Simple Syndication o Rich Site Summary) El significado es: Distribución
realmente simple o Resumen de sitio enriquecido. Es un método que permite a los usuarios de
su sitio Web suscribirse a un sitio determinado para obtener una provisión de RSS feed, o
alimentación. El tipo de sitios para los que se aconseja RSS es aquel que cambia y agrega
contenido frecuentemente.

Escenas
El documento de sitio Web que tiene escenas aparecerá en el navegador del usuario de
Internet con un tema diferente en cuanto a los colores, las imágenes o el texto. La escena
activa se genera de forma dinámica por lo general y depende de la hora en que se visite el
sitio Web en Internet.
Por ejemplo una página Web puede mostrar un menú de desayuno en la mañana y un menú
de cena en la noche.
Search Engine Optimization (SEO) Optimización de motor de búsqueda.
Métodos para incrementar la cantidad de visitantes a un sitio Web aumentando el ranking en
los resultados de búsqueda de los motores de búsqueda.
Un ordenador que suministra servicios. Cuando usted escribe un URL en su ordenador en
Internet, un servidor suministra los recursos requeridos, por ejemplo HTML o archivos de
página Web.
Software que está disponible para que la gente la "pruebe" sin costo inicial. La mayoría de la
shareware debe registrarse luego de un período establecido inicial de prueba. Generalmente
se cobra una tarifa por registrar el programa.

SKU
Stock Keeping Unit, o Unidad de mantenimiento de stock, es la identificación, usualmente
alfanumérica, de un producto particular que puede ser controlado a fines de ser inventariado.
Típicamente, un SKU se asocia con cualquier elemento que puede ser adquirido en una
tienda o a través de un catálogo. Por ejemplo, una blusa de mujer de un estilo y medida
particulares puede tener un SKU de "3726-8," significando "Estilo 3726, tamaño 8."
Un archivo de imagen que se usa para esconder parte de una imagen. Algunos esténciles
ubican la imagen dentro de una forma recortada, algunos esfuman los bordes y algunos
aplican una textura o un aguado de color a la imagen.
Una guía para que usted cree documentos. Ofrece un formato apropiado para la ocasión y
ubica los marcos, galería de imágenes prediseñadas (clipart) y fondos en las páginas de
manera que usted sólo debe ubicar sus fotos y texto en el documento.
Un mensaje emergente es una ventana de texto que aparece cuando el ratón hace una pausa
sobre una imagen.
El acto de transferir archivos desde su ordenador a través de Internet. Por ejemplo, cuando
usted publica su sitio Web, usted está cargándola, o subiéndola a su ordenador host.
Uniform Resource Locator: URL. Significa: Localizador de recursos uniformes Un vínculo a un
documento HTML, DHTML o VRML en la Web obtiene su dirección usando su Universal
Resource Locator (URL). Un URL proporciona el esquema de comunicaciones a usarse
cuando se recupera el documento, tal como el protocolo de transferencia de hipertexto
(hypertext transfer protocol - HTTP), o el host de Internet (o dominio) desde donde recuperar
el documento, y el nombre del documento.

393
Un contador de visitas cuenta y muestra el número de visitantes a su sitio Web. El contador
trabaja por medio de una conexión a un ordenador que hospeda un programa de contador.
Cuando usted ubica un contador en su sitio Web, usted debe crear un vínculo desde su
contador hasta ese programa.

Los mundos virtuales tridimensionales se describen usando el Virtual Reality Markup


Language (VRML, el lenguaje de formato para realidad virtual). El soporte para construir
VRML en Web Easy fue suprimido luego de la Versión 5.
La paleta de colores de Netscape, de 216 colores. Al usar estos colores se impedirá que los
colores se difuminen en los ordenadores que usan presentaciones bajas de color. Estos
colores son reconocidos universalmente por los navegadores de Web y los sistemas
operativos.
Permiso para hacer cambios a archivos en una carpeta remota. Su host remoto le concede
permiso de escritura para sus propias carpetas solamente.
"What-you-see-is-what-you-get". Significa: lo que usted ve es lo que usted obtiene. Cuando
usted edita un documento, el formato presentado es un reflejo correcto del aspecto que tendrá
el documento cuando se publique en la Web.
La World Wide Web, o la Malla Mundial.
Su dirección de sitio WWW es el URL que dirige los visitantes a su sitio Web . Su ISP le dirá
cuál es su dirección de sitio WWW. Un ejemplo de una dirección de sitio WWW es www.v-
com.com
EXtensible HyperText Markup Language (XHTML).Significa: lenguaje de formato de hipertexto
extensible. Es un híbrido de los lenguajes XML y HTML..

Cómo enviar archivos por e-mail

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Usted puede enviar archivos por e-mail agregándolos a su mensaje de e-mail.
Para información acerca de guardar un documento como una imagen, vea Cómo construir un
documento en un componente de imagen.
Acerca de Web Easy
Presenta información sobre este producto.
Centro de actividad
Presenta el centro de actividad - la forma rápida y fácil de comenzar con unas pocas
actividades básicas.
Agregar/Reemplazar marco
Le permite agregar un marco a la foto seleccionada o reemplazar un marco existente con uno
nuevo.
Agregar/Reemplazar esténcil
Le permite agregar un esténcil a la foto seleccionada o reemplazar un esténcil existente
con uno nuevo.

Alinear
Le permite alinear los elementos seleccionados verticalmente u horizontalmente.

394
Animación

Le permite aplicar una ruta de animación al elemento seleccionado.

Organizar iconos
Le permite organizar sus iconos.
Audio
Le permite agregar música de fondo a las páginas en su documento.
Caja
Le permite dibujar rectángulos.
Mantenga presionada la tecla MAYÚS para dibujar un cuadrado.
Construir un componente
Le permite construir el documento actual en un componente- un componente de imagen o un
GIFanimado.
Cascada
Le permite mostrar múltiples ventanas de documentos en orden de cascada.

Verifique actualizaciones
Actualizaciones automáticas están disponibles en el sitio Web de VCOM para mantener su
software actualizada y proveer acceso a nuevos recursos.
Borrar marco
Quita el marco de la foto seleccionada.
Borrar foto
Le permite quitar el marco de la foto seleccionada, poniendo un portaespacio en su lugar. Una
foto nueva puede ser insertada en el portaespacio más tarde.

Borrar esténcil
Quita el esténcil de la foto seleccionada.

Cerrar
Le permite cerrar el documento actual.
Cerrar todo
Le permite cerrar todos los documentos que están abiertos.

Productos VCOM complementarios

395
Muestra información sobre otros excitantes productos de VCOM .
Copiar
Copia el elemento seleccionado y ubica la copia en el portapeles para ser pegada en el
documento.
Crear un componente
Le permite crear un componente para su documento - un componente imagen o un GIF
animado.
Crear un sitio Web
Le permite crear un documento usando el Asistente de sitio Web .
Recortar
Le permite recortar las partes no deseadas de la foto seleccionada.
Curva
Le permite dibujar una forma curva.
Cortar
Quita el elemento seleccionado de su posición actual y lo ubica en el portapapeles para ser
pegado en una nueva posición.
Eliminar
Elimina el elemento seleccionado.
Eliminar página.
Elimina la página actual.

Efectos HTML dinámicos


Le permite aplicar efectos HTML dinámicos al elemento seleccionado.
Editar

Haga clic en para mostrar la barra de herramientas de Editar.

Editar texto
Le permite editar el texto seleccionado - eliminar parte de éste y/o escribir más.
Salir
Le permite salir de Web Easy.
Rellenar
Le permite agregar un color, o un degradado o un relleno de textura a la forma seleccionada.
Fondo
Le permite agregar un color, degradado o fondo de textura a la página en su documento.

396
Rellenar
Le permite agregar un color, o un degradado o un relleno de textura al texto seleccionado.
Primera
Le permite navegar a la primera página en el documento.
Ajustar
Muestra el diálogo Ajustar, ofreciendo una selección de tareas. Usted puede ajustar el
elemento seleccionado a la página o al marco. Usted puede hacer elementos del mismo
tamaño, espaciarlos uniformemente o centrarlos.
Fuente
Le permite ajustar la fuente del texto seleccionado.
Ir a
Le permite navegar a un a página específica en el documento.
Grupo
Le permite unir elementos seleccionados en un grupo, o separar elementos agrupados.

Ayuda
Abre este manual de Ayuda en línea.

Botón Portada

Haga clic en para mostrar la barra de tareas de Portada

Insertar objetos
Le permite insertar objetos ya preparados.
Insertar página
Le permite insertar una nueva página en su documento.
Insertar una foto
Le permite insertar una nueva foto (u otra imagen) en su documento.

Insertar imágenes prediseñadas (Clipart)


Le permite insertar una imagen desde la carpeta de imágenes prediseñadas (Clipart).

Insertar componente
Le permite insertar un componente construido - un componente de imagen o un GIF animado.
Insertar texto

397
Le permite insertar nuevo texto en su documento.

Arte en línea
Una amplia selección de imágenes prediseñadas(clipart), fotos y plantillas de diseño se
encuentra disponible en línea para los usuarios registrados de software VCOM .

Portada de VCOM
Haga clic en esto para conectar al sitio Web de VCOM, www.v-com.com.

Soporte técnico de VCOM


Usted puede encontrar una amplia gama de recursos de soporte en el sitio Web de VCOM,
incluyendo Preguntas más frecuentes, ¨remiendos¨, documentación electrónica y un formulario
de email para contactar al Equipo de soporte técnico de VCOM.
Justificar
Le permite alinear el texto seleccionado dentro del cuadro de texto.
Última
Le permite navegar hasta la última página en el documento.
Orden
Le permite cambiar la posición de las capas en el elemento seleccionado.
Línea
Le permite dibujar formas con líneas, polígonos, polilíneas, curvas y curvas sólidas.
Grosor de línea

398
Cambia el grosor de línea del la forma seleccionada.
Línea
Le permite dibujar una línea recta.
Vínculo
Le permite agregar un vínculo al elemento seleccionado.
Asistente de vínculos
Abre el Asistente de vínculos- dejándole que usted administre los vínculos a y desde las
páginas en su documento.
Bloquear
Bloquea los elementos seleccionados en posición para que no puedan ser movidos ni
editados.
Modificar texto
Le permite modificar el texto seleccionado.
Modificar foto
Le permite modificar la foto - reemplazar la foto, el marco o el esténcil.
Reproductor de multimedia
Le permite reproducir archivos de multimedia o grabar clips de audio.
Si usted tiene documentos múltiples abiertos al mismo tiempo, alterne entre ellos usando la
lista que aparece en esta posición.

Nuevo
Le permite comenzar un documento nuevo.
Haga clic en para elegir entre:
 Crear un diseño original
 Usar el Asistente de página Web
 Usar el Asistente de componente de GIF animado
Siguiente
Le permite navegar a la página siguiente en el documento.
Efectos HTML dinámicos
Le permite aplicar efectos HTML dinámicos al elemento seleccionado.
Registración en línea
Le permite registrar su copia de Web Easy.
Abrir
Le permite abrir el documento existente.
Opciones
Abre el diálogo Opciones - permitiéndole ver las opciones para Web Easy.
Óvalo

399
Le permite dibujar óvalos.
Mantenga presionada la tecla MAYÚS para dibujar un círculo.
Pegar

Pega el contenido del portapapeles sobre el documento.

Pegar está disponible solamente si un elemento ha sido copiado o cortado sobre el


portapapeles.

Pausa
Le permite hacer pausa en el archivo seleccionado de multimedia dentro de un documento.
Efectos de foto
Le permite aplicar una selección de efectos de foto a la foto seleccionada.
Reproducir

Le permite reproducir el archivo de multimedia seleccionado dentro de un documento.

Polilínea
Le permite dibujar una forma con puntas múltiples.

Hospedaje de Web preferido


Suscríbase al proveedor de hospedaje de Web preferido para un hospedaje de Web
redituable, acceso a herramientas especiales, administración de sitio simplificado y un ftp fácil
(¡ realmente fácil!).
Vista previa
Le permite hacer una vista previa del documento actual como un sitio Web o un sitio Web
dinámico.
Anterior
Le permite navegar a la página anterior del documento.
Imprimir
Imprime el documento actual.
Vista previa de impresión
(full version only)
Una vista previa que muestra, antes de imprimir, el aspecto que tendrá una página cuando
usted la imprima.
Asistente de publicación
Inicia el Asistente de publicación - permitiéndole transferir su sitio Web a su host remoto.
Reciente
Le permite abrir un documento de la lista de documentos recientes.
Grabar

400
Le permite grabar un clip de audio con un micrófono.
Rehacer
Rehace la última acción que fue cancelada con Deshacer.
Rehacer sólo está disponible después de que Deshacer ha sido usado.
Actualizar
Actualiza la presentación de la pantalla.
Reemplazar foto
Le permite reemplazar la foto seleccionada con una nueva foto, manteniendo el mismo
tamaño de la imagen y sus proporciones.

Recursos
Recursos especiales están disponibles en el sitio Web de VCOM para usuarios registrados de
software VCOM . Verifique de tanto en tanto para encontrar nuevos anuncios.
Rotar
Le permite rotar o dar vuelta la foto seleccionada.
Sitios Web de muestra
Inicia su navegador de manera que usted puede ver un conjunto de sitios Web de muestra,
preparados por Web Easy. Haga clic en uno de los archivos de muestra de la lista en el panel
de la izquierda para ver las muestras.
Guardar
Le permite guardar el documento actual.
Guardar como
Le permite guardar el documento actual con un nuevo nombre o un formato diferente.
Asistente de código
Abre el Asistente de código permitiéndole agregar sus propios código a su documento.
Asistente de búsqueda
Abre el Asistente de búsqueda, permitiéndole buscar textos, imágenes y elementos vinculados
dentro de su documento.
Seleccionar
Le permite seleccionar un elemento haciendo clic sobre él con el ratón.
Seleccionar todo
Le permite seleccionar todos los elementos en la página actual.

Sombra
Le permite agregar una sombra al elemento seleccionado.
Tamaño

401
Le permite ajustar el Tamaño de la foto seleccionada.
Tamaño y posición
Le permite dar un tamaño y posición precisos a la foto seleccionada en la página.

Tamaño de página
Le permite ajustar el tamaño de las páginas en su documento.
Forma sólida
Cambia el contorno de la forma seleccionada en una forma sólida

Ordenar
Le permite ordenar las páginas en su documento, ajustando el orden de página.
Detener
Le permite detener la reproducción del archivo de multimedia seleccionado dentro de un
documento.
Estilo
Le permite ajustar el grosor de la línea a la forma seleccionada.

Asistente de texto

%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Una forma rápida y fácil de agregar texto a su documento es usar los elementos ya
preparados que se encuentran disponibles en el Asistente de texto.

 Para usar texto del catálogo, seleccione el texto en la lista de categorías, luego
Arrastre-y-coloque el texto sobre su página.
 Para agregar texto al catálogo de texto, primero elija una categoría. Seleccione un
elemento de texto simple en la página de diseño, luego haga clic en el icono de
Agregar texto para incluir su texto en el catálogo.
 Para eliminar texto seleccionado del Asistente de texto, Haga clic en Eliminar icono.

Tamaño de texto
Le permite ajustar el tamaño del texto seleccionado.

Mosaico
Le permite organizar ventanas de documentos múltiples en forma de mosaicos.
Título
Le permite agregar títulos a las páginas de su documento.

402
Transferir archivos
Inicia FTP Max - permitiéndole transferir archivos a su host remoto.
Transiciones
Le permite agregar transiciones de página a su documento.
Tutorial
Inicia el tutorial.
Deshacer
Deshace la acción más reciente.
Visite VCOM
Haga clic aquí para acceder a un menú de opciones disponibles en el sitio Web de VCOM.
Construir un sitio Web
Le permite construir el documento actual en un sitio Web o sitio Web dinámico.
WYSIWYG
"What-you-see-is-what-you-get". Significa: lo que usted ve es lo que usted obtiene. Cuando
usted edita un documento, el formato presentado es un reflejo correcto del aspecto que tendrá
el documento cuando se publique en la Web.

¡Un elemento en mi sitio Web está escondido detrás


de otro!
Web Easy le permite hacer capas de elementos desde atrás hacia adelante. Si
usted quiere mover un elemento al frente, selecciónelo, luego elija Orden, Traer
al frente desde el menú Organizar.

¡No puedo ver todo mi texto!


Si usted agranda el texto luego de haberlo escrito, los límites del cuadro de
texto pueden ser demasiado pequeños para mostrar todo el texto. Agrande el
cuadro de texto seleccionando el texto y arrastrando los controladores de ajuste
que se muestran alrededor de los bordes. Use los controladores de ajuste en
los lados del cuadro de texto para ensancharlo, use los controladores de ajuste
de la parte inferior y superior para aumentar el alto, y use los controladores de
ajuste en las esquinas para aumentar el alto y al ancho al mismo tiempo.
El texto también puede esconderse si los cuadros de texto se superponen..
Asegúrese de que sus cuadros de texto no se superponen.

¡No puedo ver todo mi documento!

Haga clic en el botón Zoom en la esquina superior derecha y seleccione-


Ajustar. Si usted todavía no puede ver todo su documento, trate de cambiar las
dimensiones de su página - quizás estén equivocadas.

Quiero incrustar una imagen pero la opción 'Imagen

403
incrustada' en el diálogo Vínculo está gris
Usted solamente puede vincular una imagen o foto a una imagen incrustada.
Si la opción 'Imagen incrustada' en el diálogo Vínculo está gris, significa que el
elemento seleccionado no es una imagen. Esto ocurrirá si usted selecciona una
forma dibujada con las herramientas de dibujo. Reemplácela con una foto y
vuelva a probar.

¡Mi marco no encaja con mi foto!

Un marco que se arrastra desde el Explorador de archivo y se deja caer en una foto solamente
encajará si se deja caer directamente sobre la foto. Asegúrese de que, cuando deja caer el
marco sobre la foto, la foto tiene controladores de ajuste mostrándose en los bordes. Si ellos
no se muestran, el marco y la foto no encajarán juntos.
Si usted tiene una foto y un marco ya en su documento, y quiere encajarlos
juntos, vea Encajando un marco a una selección.

¡Mis fotos verticales están horizontales!


Su cámara digital puede mostrar todas las fotos que usted toma como
horizontales, o paisaje/ apaisadas. Para cambiar la orientación de su foto en su
documento, selecciónelo y haga clic en Foto en la barra de tareas de Editar;

luego haga clic en Rotar .. Rote la foto hasta que esté vertical.

¡Mi texto se ha convertido en una imagen!


El texto algunas veces se convertirá en una imagen en un navegador de Web
porque el texto se superpone sobre otro elemento en la página. Para prevenir
que el texto se convierta en una imagen, asegúrese de que sus elementos de
texto no se superpongan.
El texto también se convertirá en una imagen cuando usted aplica un degradado
o relleno de textura, o usted puede decidir elegir exportar su texto como una
imagen (Construir/Componente/Imagen).
En los sitios Web HTML, agregar una sombra también causará que el texto se
convierta en una imagen, aunque esto no es el caso en los sitios Web DHTML.
Nota: Windows tiene una función incorporada anti-alias para el texto convertido
en imagen, lo cual puede causar que su página se muestre en forma pobre Si.el
texto convertido en imagen se muestra en forma incorrecta en su navegador,
cambie sus configuraciones de Windows de esta manera:
Abra Propiedades de la pantalla (clic con el botón derecho del ratón en el escritorio y
elija Propiedades).
Seleccione la ficha Efectos
Desactive Suavizar los bordes de las fuentes de pantalla

¡Algunos de mis elementos vinculados no son


visibles!
Si su navegador de Web no muestra un elemento en su sitio Web que tiene un
tipo de vínculo particular (por ejemplo, un vínculo de objeto incrustado ), es
porque éste no es compatible con esta clase de vínculo. Usted necesita
actualizar a la última versión de su navegador de Web para poder ver estos
elementos vinculados.

404
¡Algunos de mis vínculos a otros sitios no
funcionan!
Desafortunadamente, Web Easy no puede verificar que las direcciones de
Internet que usted usa son correctas. Use el Asistente de Mapa para verificar
los vínculos a y desde cada página. Verifique que usted no ha cometido ningún
error al escribir las direcciones y que las direcciones todavía son válidas. Si no
puede encontrar ninguna equivocación con las direcciones, consulte a su
Proveedor de servicios de Internet .

¡Algunos de los vínculos a otras partes de mi sitio


Web no están funcionando!
Verifique si usted ha creado vínculos a páginas que usted luego eliminó. Es
mejor agregar sus vínculos cuando usted ha terminado de diseñar
completamente su documento. Use el Asistente de mapa de sitio para verificar
los vínculos desde y hacia cada página.
Nota para usuarios avanzados: Si usted vincula un objeto a una página que
no existe (usted puede hacer esto accidentalmente escribiendo el nombre de la
página con un error), entonces ese nombre se usa como un ancla en la página
actual.
Cuando usted Construye o hace Vista previa de su documento, este vínculo genera:
<A HREF="documento.html#xxx">
donde documento.html es el documento actual y xxx es el título de esta página desconocida.
Esta ancla puede estar anexada a un objeto en la misma página asignándole el
título de página a ese objeto.
Esta palabra clave puede ser agregada a cualquier texto (sobre esta o cualquier otra página)
por medio de un diálogo de vínculo con la definición como "Vincular código":
NOMBRE='xxx'

¡El Asistente de publicación dice que los archivos


requeridos han sido eliminados de mi carpeta local!
Esto ocurre cuando un archivo paquete está faltando de su carpeta local. Si el
archivo paquete (extensión.txt) para el sitio Web que usted está publicando
falta, el Asistente de publicación no puede comparar los archivos locales y
remotos y tendrá que volver a publicar su sitio Web por completo.
Si el archivo paquete para un sitio Web que usted desea eliminar está faltando,
el Asistente de publicación no podrá eliminar ese sitio Web. Copie el archivo
paquete desde la carpeta HTML (o la carpeta en la cual usted almacenó los
archivos HTML para su sitio Web) dentro de la carpeta local. Ahora, cuando
usted publique, el Asistente de publicación podrá eliminar el sitio Web completo.

¡No hay suficiente espacio de disco en mi host


remoto para publicar mi sitio Web!
Si esta es la primera vez que usted publica su sitio Web, verifique que el
espacio que su ISP le ha asignado para un sitio Web es más gran de que la
medida del contenido de su carpeta local de sitio Web(..\WebEasy\HTML)
Si el espacio asignado es menor, usted puede requerir más espacio de su ISP,
o reducir el tamaño de su sitio Web. Para reducirlo, reduzca la medida de
cualquier elemento gráfico grande, quite alguna página o quite archivos grandes
que están vinculados al sitio.

405
Si usted ya publicó un sitio Web, usted puede reducir el que está publicando
ahora o puede eliminar su primer sitio Web desde su host remoto. Al eliminar su
sitio Web desde su host remoto su versión local no se eliminará.
Nota:
Si usted ha publicados varios sitios Web en carpetas remotas diferentes, el
Asistente de publicación de Web Easy no le pedirá que elimine sitios cuando
usted publica uno nuevo. En este caso, use FTP Max para eliminar un sitio
desde una carpeta remota. Para iniciar FTP Max, haga clic en Transferir
archivos desde el menú Herramientas.

¡Cuando agregué un marco ovalado a mi foto, éste


no encajó!
Los marcos ovalados se usan en conjunción con los esténciles ovalados.
Después de haber arrastrado un marco ovalado sobre su foto, seleccione la
carpeta Esténcil en el Explorador de archivo y muestre la carpeta Óvalo
Arrastre y coloque un esténcil en forma de óvalo sobre su foto.

¡Cuando yo eliminé mi marco, mi foto también


desapareció!
Web Easy agrupa juntos fotos y marcos, para facilitarle el trabajo con ellos.
Cuando usted selecciona un marco, los controladores de ajuste le mostrarán si
usted tiene sólo el marco o el marco y la foto juntos. Si los controladores de
ajuste son cuadrados, usted sólo ha seleccionado el marco. Si son en forma de
diamante, ha seleccionado ambos, el marco y la foto. Si la selección que ha
hecho no es la que quería, seleccione nuevamente el elemento: los
controladores de ajuste deberían alternar entre diamantes y cuadrados cada
vez que usted selecciona un elemento.

Una forma más fácil de quitar un marco de una foto es haciendo clic en el botón
Modificar en la barra de herramientas de Editar foto y luego seleccionar
Borrar Marco.

¡Cuando veo mi sitio Web en un navegador de Web,


éste no se muestra correctamente!

Porque Web Easy le permite hacer tanto con su sitio Web, los archivos HTML
que usted construye pueden ser bastante complejos y algunas versiones
anteriores de navegadores de Web no pueden manejar esta complejidad. Trate
de alterar el diseño de su documento para reducir la complejidad. Una forma de
hacerlo es evitar que los elementos se superpongan. Si usted no quiere alterar
el diseño, usted puede probar viendo su sitio Web en otros navegadores de
Web, o actualizando a una versión más nueva del navegador de Web que usted
está usando. Usted debe recordar, no obstante, que aunque algunos
navegadores muestran su sitio Web sin problemas, otros no lo harán y mucha
gente puede estar usando otros navegadores. Su objetivo es crear un sitio Web
que pueda ser visto sin problemas por la mayor cantidad posible de
navegadores de Web.

406
¡Cuando veo mi sitio Web en un navegador de Web,
mis vínculos de texto se muestran como visitados!
Su navegador de Web guarda una historia de los vínculos que usted ha visitado
recientemente. De manera que cuando usted está creando su sitio Web, y haciendo una vista
previa de éste frecuentemente, su navegador de Web ¨recordará¨que usted ha visitado ese
vínculo antes. Para evitar que esto ocurra, borre la historia de su navegador de Web cuando
usted está creando su sitio Web y haciendo su vista previa .

¡Cuando veo mi sitio Web en navegadores de Web


distintos, éste aparece diferente!
Los diferentes navegadores de Web funcionan de forma distinta y tienen distintas facultades.
Esta variación ocasiona que muestren su sitio Web de forma diferente. Algunas veces no hay
nada que usted pueda hacer acerca de las diferencias, por ejemplo, algunos navegadores
usan distintas paletas de color y esto ocasiona que los colores se muestren
de distinta manera. Sin embargo, algunas diferencias en la forma en que su sitio Web se ve
se deben a la complejidad de su sitio Web. Vea
¡Cuando veo mi sitio Web en un navegador de Web, éste no se muestra
correctamente!.

Insertar una tabla


Inserte una tabla para organizar su texto en una cuadrícula de filas y columnas.

Para insertar una tabla nueva:

1. Haga clic en para mostrar la barra de herramientas de Editar.

2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto.

3. Haga clic en al lado de Insertar un nuevo bloque de texto y elija Tabla.


4. Se abre el diálogo Insertar objeto tabla.
5. Elija Estilo de formato previo para la tabla que usted desea insertar.
6. Haga clic en la ficha Tamaño y escriba el número de filas y columnas.
7. Haga clic en las otras fichas Estilo, Texto, Columna Títulos y en los Títulos de fila
8. para modificar el estilo de la tabla. Haga clic en para refrescar la muestra del
estilo de la tabla y vea el efecto de estos cambios.
9. Verificar la checkbox "Use clases de estilo de documento" en la parte inferior.
10. Haga clic en ACEPTAR para cerrar el diálogo.
11. Haga clic con el ratón en la posición donde usted desea insertar la tabla.
12. Haga doble clic en el Objeto tabla para escribir los datos en las filas y columnas.
13. Termine de editar y ajuste el tamaño de los límites del elemento para encajarlo a los
contenidos.
Notas:
Un Objeto tabla es un elemento de Texto enriquecido en el documento de diseño.
Ubique siempre el Objeto tabla enteramente dentro del diseño de página del documento de
sitio Web.

407
Use la opción de Clases de estilo del documento para insertar la tabla para el sitio Web con
estilo CSS. Use el diálogo Estilo para modificar los colores de tabla, los bordes o fondos.
La opción ¨Desactivar retorno¨ significa que si usted activa esta checkbox, una línea larga de
texto se cortará porque no puede encajar en la celda de la tabla, o la celda cambiará su
ancho.
Ver también
Texto enriquecido
Texto simple
Texto gráfico
Barra de texto enriquecido

Propiedades del código para configuraciones de objeto


El diálogo para Propiedades de código de objeto le permite personalizar el código
personalizado que viene anexado al elemento seleccionado. Los parámetros se presentan en
dos columnas:
 Nombre - un nombre descriptivo del parámetro.
 Valor - el valor real para el parámetro en el código personalizado.

Los valores de los parámetros marcados en fuente itálica se rellenan automáticamente con el
diálogo:

Obtenga un archivo especificado por el vínculo a un objeto


incrustado cuando se inicializa el código.
Almacene la nueva especificación en la definición de vínculo
de objeto incrustado cuando el botón ACEPTAR se ha
seleccionado.
Nota: usted debe mantener este archivo consistente con la
especificación de vínculo incrustado de otra forma es posible
que el archivo no se incluya en el Paquete final del sitio Web
y el reproductor puede fracasar.

Obtenga el tamaño actual del elemento seleccionado cada


vez que el diálogo está abierto. Use esta función para
actualizar la configuración del objeto luego de cambiar el
tamaño del portaespacio del objeto incrustado .

408
Ayuda en línea - es posible que en línea haya más información específica sobre el objeto .

Valores predeterminados- restaura datos iniciales para todos los parámetros en el


diálogo.

Quitar todo - elimina todos los parámetros y el código personalizado asociado.

Indicadores especiales:

Propiedades optativas del objeto están en uso (ver Propiedades optativas del objeto)
Propiedades optativas del objeto no están en uso (ver Propiedades optativas del objeto)

Para modificar las propiedades de un objeto:


1. Seleccione el elemento que quiere modificar en su página.

2. Haga clic en Herramientas para mostrar la barra de herramientas de


Herramientas. .
3. Haga clic en Propiedades del código del objeto para abrir el diálogo.
4. Modifique el valor de los parámetros.
5. Haga clic en ACEPTAR para guardar las configuraciones.

Nota:
Editar un valor puede ofrecer varios métodos para escribir la información tales como escribir
en el lugar, diálogos especializados o la repetición del diálogo de Propiedades de repetición
del objeto para una lista de valores optativos.
Editar puede involucrar un procedimiento específico para verificar la corrección de los datos.
Los valores iniciales son suministrados como un ejemplo y puede que no sean los apropiados
para las necesidades específicas de un objeto. Usted debe cambiar esos valores, por ejemplo
escribir su dirección de e-mail real o el URL de su sitio Web en Internet.
Los Marcadores de parámetros especiales se usan en el código personalizado [~ ~] para
permitir la sustitución de los datos que usted escribe. Usted no debe quitar estos marcadores
porque si lo hace el diálogo de Propiedades del objeto puede no funcionar correctamente.

Ver también
Cómo configurar las propiedades optativas del objeto
Cómo configurar las propiedades de comercio electrónico del objeto
Cómo agregar comercio electrónico al sitio Web
Propiedades del reproductor de multimedia

Cómo configurar las propiedades optativas del objeto


El diálogo para Propiedades optativas de código de objeto le permite agregar parámetros
optativos al código personalizado que viene anexado a un objeto. Los parámetros se
presentan en dos columnas:
 Nombre - un nombre descriptivo del parámetro.
 Valor - el valor real para el parámetro en el código personalizado.

409
o como una lista de las filas donde:
 La columna principal provee un nombre descriptivo para el parámetro.
 Las filas listan los valores reales para los parámetros en el código personalizado.,
tantas veces como sea necesario.

Ayuda en línea - es posible que en línea haya más información específica sobre el objeto .

Valores predeterminados- restaura datos iniciales para todos los parámetros en el diálogo.

Quitar todo - elimina todos los parámetros y el código personalizado asociado.

Indicadores especiales:

Propiedades optativas del objeto están en uso


Propiedades optativas del objeto no están en uso

Para modificar las propiedades optativas de un objeto:

1. Haga doble clic en el valor marcado por uno de los iconos o


2. Aparece un nuevo diálogo de Propiedades del objeto.
3. Modifique los valores de los parámetros en la fila.
4. Haga clic en el botón Agregar fila para insertar una nueva fila de valores.
5. Repita los pasos 3, 4 y 5 tantas veces como sea necesario.
6. Haga clic en ACEPTAR para agregar el código optativo al valor editado en el diálogo
principal de Propiedades del objeto.
Para quitar las propiedades optativas de un objeto:

1. Haga doble clic en el valor marcado por el icono


2. Aparece un diálogo de Propiedades del objeto.

3. Haga clic en el botón Quitar todo .


4. Haga clic en ACEPTAR para excluir el código optativo del valor editado en el diálogo
principal de Propiedades del objeto.
Nota:
El número de filas que puede agregarse puede estar limitada por el diseño del objeto.
Use el botón Quitar todo para excluir el código optativo del código personalizado
Algunos objetos pueden requerir un mínimo de un valor para sus parámetros .
Use los botones Subir y Bajar para ordenar las filas como sea necesario.

Ver también
Cómo configurar las propiedades del objeto
Cómo agregar comercio electrónico al sitio Web

Cómo crear HTML de origen para Bay

Web Easy puede ser usado para crear código HTML de origen que puede ser pegado dentro
de eBay. Es muy importante que usted lea las instrucciones y recomendaciones provistas por
eBay para diseñar el HTML a usarse. Varios puntos importantes a tener en cuenta al crear un

410
sitio eBay en Web Easy son:
 Use elementos de texto simples/enriquecidos solamente. (No use texto gráfico porque
estos elementos de texto se convertirán en imágenes)
 Use solamente colores sólidos como fondos o primeros planos.
 No use imágenes (A menos que tenga un conocimiento razonable de HTML y pueda
seguir las instrucciones al pie de página).
 No use vínculos a otras páginas o sitios Web.
 Tenga solamente una página en su sitio.
 No superponga objetos en su página de diseño.

Los pasos para construir un sitio apropiado para eBay son los siguientes:

1. Diseñe su sitio eBay adhiriéndose a los puntos señalados anteriormente y a las direcciones
provistas por eBay.
2. Construya su sitio como HTML Simple con Origen para vendedores de eBay
seleccionado en las Opciones.
3. Haga clic en ACEPTAR. Web Easy creará ahora el archivo HTML para eBay.
4. Abra el recientemente creado archivo HTML usando un editor de texto, como Bloc de notas.
5. Resalte el texto entre las etiquetas siguientes:
<!-- START HTML source code for eBay sellers -->

<!-- END HTML source code for eBay sellers -->


6. Copie este texto al portapapeles (CTRL+C)
7. En eBay, al agregar un nuevo elemento para vender, usted tiene la oportunidad de editar el
Título y la Descripción para el mismo. Si ya hay texto en el campo de Descripción de
elemento, usted necesita quitarlo. Usted puede hacer esto presionando CTRL+A para
seleccionar todo, luego presionando Suprimir para suprimir el contenido entero.
8. Pegue el nuevo código de origen en el campo de Descripción de elemento presionando
CTRL+V. (Esto debería pegar el código de su archivo HTML Web Easy que usted copió en
los pasos 5+6)
9. Seleccione Vista previa de descripción para verificar que ha funcionado correctamente.
10. Guarde sus cambios dentro del Asistente de eBay.

Usuarios avanzados solamente

Aquellos usuarios con un conocimiento avanzado de HTML y de hospedaje de Web pueden


incluir imágenes en sus sitios de eBay. Usted necesitará tener un espacio de sitio Web
asignado por un servicio de hospedaje de Web donde usted publicará su sitio.

Para diseñar y construir un sitio Web con imágenes, apropiado para código de origen HTML
para vendedores de eBay, se requieren además algunos pasos adicionales.

Usted necesita establecer la ubicación para su Sitio URL Base para que las imágenes en su
sitio sean encontradas. Puede hacerlo de la siguiente forma:
1. Abra el Inspector.
¿Cómo?
2. Haga clic en la ficha Propiedades del Inspector.
3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Documento.
4. Expanda las propiedades del documento en Construir sitio Web.

411
5. Escriba la ubicación en que su sitio será publicado en Sitio URL Base Esto debería serle
provisto por su proveedor de servicios de hospedaje Web . Es un URL en el formato de
http://www.sudominio.com/misitio/

Después de haber construido su sitio como un HTMLSimple con la opción Origen para
vendedores de eBay seleccionada, usted necesita publicar su sitio en el URLde Internet
especificado, como el Sitio URL Base . Es importante que usted publique al URL
especificado por su proveedor de servicios de hospedaje Web. Su código de Origen para
vendedores de eBay puede ahora usar las imágenes que acaba de publicar.

¿Cómo se representan los colores en los sitios Web?

En HTML y CSS los colores se representan usando un número hexadecimal. Desde este
número usted puede determinar la cantidad de rojo, verde y azul en el color.

#11FF00
 ' #' el carácter que representa el número es hexadecimal.
 '11' representa la cantidad de rojo en el color.
 'FF' representa la cantidad de verde en el color.
 '00' representa la cantidad de azul en el color.
La cantidad de cada rojo, verde y azul puede oscilar de 00 a FF o cuando se convierte a un
decimal entero, de 0 a 255. Usted no necesita saber cómo calcular estos valores. En Web
Easy usted puede usar los diálogos de selección de color para seleccionar colores
visualmente.

Seleccionar diálogo Color


En varias instancias del software usted necesita seleccionar un color. Este puede ser el color
del texto, de una forma, un vínculo de color o el fondo de una imagen transparente.

Web Easy tiene dos diálogos de selección de color. Cuando usted instale Web Easy por
primera vez, se le presentará en forma predeterminada el diálogo de selección de Color Web
Safe (Colores seguros para Web) Este diálogo ha sido diseñado para mostrar la paleta de
color de 216 colores de Netscape. Usando estos colores impedirá que los colores se
difuminen en los ordenadores que usan presentaciones de color de baja resolución. Los
colores en este diálogo son universalmente reconocidos por navegadores de Web y por
sistemas operativos de modo que es siempre mejor atenerse a ellos para obtener resultados
óptimos. Sin embargo, estos días hay sólo un mínimo número de máquinas usando bajas
resoluciones de color. Como la mayoría de la gente ejecuta presentaciones de color de alta
resolución., usted todavía puede seleccionar algún color con buenos resultados en casi todos
los sistemas operativos y las configuraciones de navegadores. Usted puede hacer esto ya
sea escribiendo el color de Web directamente en el cuadro Editar en este diálogo o haciendo
clic en el ícono de la paleta de color para abrir el diálogo Seleccionar color estándar de
Windowsxxxxxxxxxxxxxxxxxxxxxxxxxx
También es posible usar el gotero selector de color para seleccionar cualquier color en su
pantalla como el color que usted quiere usar. Para hacer esto;
1. Abra el diálogo de selección Paleta segura de Web.
2. Use el ratón para mover el cursor en cualquier parte de este diálogo .

412
3. Ahora mueva el cursor fuera del diálogo .
El cursor debería cambiar a un gotero y permitirle seleccionar cualquier color visible sobre su
pantalla. Haga clic con el botón de la izquierda del ratón para seleccionar el color.
Como hay dos diálogos alternativos para seleccionar color hay una opción para cambiar el
diálogo predeterminado que se muestra. Para cambiar esta opción;
1. Seleccione Opciones... del menú Herramientas.
2. Seleccione la ficha Documentos.
3. En la sección de Trabajando con documentosxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx haga
clic en la checkbox 'Use selector de paleta segura de Web ' para alternar entre esto
y el diálogo para seleccionar color estándar de Windows.

Ver también
¿Cómo se representan los colores en los sitios Web?
Sugerencia:
Si en cualquier momento usted quiere usar el diálogo de selección de color alternativo
mantenga presionada la tecla MAYÚS cuando hace clic para hacer aparecer el diálogo. Por
ejemplo, si usted está viendo en forma normal el diálogo selector de paleta segura de Web ,
cuando quiera ir directamente al diálogo para seleccionar color estándar de Windows.
mantenga presionada la tecla MAYÚS cuando usted hace clic con el botón del ratón, para
abrir el diálogo.

Cómo adjuntar un archivo PDF

Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a
los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado.
Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el
navegador, abierto en otra aplicación o descargado al disco local. Esto depende del
navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de
archivo que usted adjunte.

Los pasos para adjuntar un archivo son los siguientes:

1. Ubique el objeto en la página que contendrá el vínculo al documento PDF..


2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo.
3. Haga clic en la ficha Internet.
4. Seleccione el Vínculo a: Opción archivo.
5. Explore hasta el nombre de archivo y ruta de acceso.
6. Haga clic en ACEPTAR

Cómo adjuntar un archivo de Word, Excel or Powerpoint

Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a
los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado.
Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el
navegador, abierto en otra aplicación o descargado al disco local. Esto depende del
navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de
archivo que usted adjunte.

Los pasos para adjuntar un archivo son los siguientes:

413
1. Ubique el objeto en la página que contendrá el vínculo al documento de Word, Excel or
Powerpoint.
2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo.
3. Haga clic en la ficha Internet.
4. Seleccione el Vínculo a: Opción archivo.
5. Explore hasta el nombre de archivo y ruta de acceso.
6. Haga clic en ACEPTAR

Cómo adjuntar una imagen o foto digital

Usted puede adjuntar cualquier clase de imagen o foto digital en forma de miniatura a su
página. Esto permitirá a los usuarios hacer clic en la miniatura que usted adjunta y acceder al
archivo original adjuntado. Cuando el usuario hace clic en el elemento, el archivo adjuntado
puede ser abierto en el navegador, abierto en otra aplicación o descargado al disco local. Esto
depende del navegador que tenga el usuario, las configuraciones de ese navegador de Web y
del tipo de archivo que usted adjunte.

Los pasos para adjuntar una imagen son los siguientes:

1. Abra el Explorador de archivo y navegue hasta la carpeta con sus fotos.


2. Haga clic en el icono en el Explorador y arrástrelo sobre el espacio vacante sobre su
página..
3. Mantenga presionado el botón Control [CTRL].
4. Coloque la foto sobre la página.
El procedimiento anterior creará una pequeña miniatura para representar la imagen original
con el tipo de archivo del vínculo. Usted puede inspeccionar el vínculo usando el diálogo
Vínculo una vez que el elemento esté seleccionado. Las dimensiones y la posición de la
miniatura pueden ajustarse en cualquier momento por medio de operaciones del ratón o con
los diálogos Tamaño /Ajustar
Use los pasos anteriores para crear rápidamente un Álbum de fotos en su sitio Web.

Cómo adjuntar un archivo de audio MP3


Hay dos métodos para agregar un MP3 u otro audio a su sitio.

Método 1
Usando un Vínculo.de Audio . Si usted construye su sitio como un HTML dinámico, esta
opción creará un vínculo que causará la reproducción del archivo de audio cuando usted
mueva el ratón sobre el vínculo, y la detención de ésta cuando mueva el ratón fuera del
vínculo.

Para crear un vínculo de audio:

1. Ubique el objeto en la página que contendrá el vínculo al archivo MP3.


2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo.
3. Haga clic en la ficha Audio.
4. Seleccione el Vínculo a la Opción Efectos de sonido y música.

414
5. Haga clic en el botón Explorar al lado del campo Archivo de audio hasta localizar el
archivo MP3 para vincular a él.
6. Haga clic en ACEPTAR
Método 2

Usando la opción "Vincular a archivo". Éste es un vínculo normal a un archivo el cual, una vez
que se ha hecho clic sobre él, descargará o reproducirá el archivo de audio, dependiendo de
las configuraciones del navegador de Web.

Para usar la opción Vincular a archivo:


1. Ubique el objeto en la página que contendrá el vínculo al archivo MP3.
2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo.
3. Haga clic en la ficha Internet.
4. Seleccione el Vínculo a la Opción: Archivo.
5. Haga clic en el botón Explorar al lado del campo Nombre de archivo..
6. Seleccione Archivos de audio en la lista desplegable Tipos de archivo, luego
explore hasta encontrar el archivo al cual vincular
7. Haga clic en ACEPTAR

Cómo adjuntar cualquier clase de archivo a su página

Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a
los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado.
Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el
navegador, abierto en otra aplicación o descargado al disco local. Esto depende del
navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de
archivo que usted adjunte.

Los pasos para adjuntar un archivo son los siguientes:

1. Ubique el objeto en la página que contendrá el vínculo al archivo que usted ha


adjuntado.
2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo.
3. Haga clic en la ficha Internet.
4. Seleccione el Vínculo a: Opción archivo.
5. Explore hasta el nombre de archivo y ruta de acceso.
6. Haga clic en ACEPTAR

¿Cómo aumento el tamaño de una de mis páginas Web?

Para cambiar el tamaño de la página actual:


1. Haga clic en el botón Editar en la barra de tareas a la izquierda.
2. Haga clic en el icono Página.

415
3. Haga clic en Tamaño en la barra de herramientas superior.
4. Escriba el tamaño nuevo de su página
5. Haga clic en ACEPTAR.

Nota: A todas las páginas se les cambiará el tamaño, no sólo a la página actual.

Nota: Si usted no agrega texto o imágenes a la nueva sección de la página con el tamaño
aumentado, la nueva medida no se mostrará en el navegador de Web, ya que los
navegadores están diseñados para mostrar solamente contenido.

¿Cómo hago para vincular a un punto muy abajo en la página


para evitar el largo desplazamiento?
Los pasos a seguir son:
1. Ubique el texto o imágenes desde donde hacer el vínculo (probablemente cerca de la
parte superior de la página). Éste puede ser una lista corta de subtítulos o iconos.
2. Haga clic en el primer elemento de texto o imagen a donde quiera hacer el salto.
3. Elija el diálogo Vínculo.
4. Seleccione la ficha "Internet" y el botón de radio "Código".
5. En el botón de radio"Código", escriba NAME= y dé a su vínculo un nombre único,
encerrado entre comillas, por ejemplo: NAME="referenceA"
6. Haga clic en ACEPTAR
7. Haga clic en elemento de donde quiera hacer el salto.
8. Elija el diálogo Vínculo.
9. Seleccione la ficha: "Navegar el documento", botón de radio "Página".
10. En el cuadro de Título de página, escriba el nombre único que usted acaba de
seleccionar. En este caso, escriba exactamente: referenceA
11. Haga clic en ACEPTAR
12. Repita el proceso anterior para los otros vínculos en esta página.
13. Construya su página y haga su Vista Previa. Pruebe sus vínculos.
Para vincular a una ubicación específica en otra página se sigue un proceso similar al
descripto más arriba. Después de nombrar el destino usted puede crear el vínculo a otra
página usando la opción "Vincular a sitio WWW ". En el cuadro "Dirección", usted necesita
escribir algo similar a lo siguiente:

mysite_002.htm#referenceA

donde "mysite" es el nombre del paquete de su sitio especificado en la pantalla "Construir sitio
Web" , "002" es el número de página y "referenceA" es el destino al cual vincular.

Note que cuando usted haga esto, los vínculos no funcionarán en forma de vista previa normal
- para verlos en acción, haga lo siguiente:
1. Vaya al menú "Construir" y seleccione "Sitio Web (HTML)".
2. Verifique el cuadro "Ejecutar ahora" y desactive el cuadro "Publicar" .
3. Haga clic en ACEPTAR

¿Por qué no veo los cambios que he hecho a mi sitio Web


luego de haberlo cargado?

416
Posiblemente usted está viendo una versión anterior de su sitio, desde la memoria caché del
navegador de Web. La solución es limpiar los archivos temporales de Internet.
Usted puede hacer esto en Internet Explorer de esta forma:
1. Haciendo clic en Herramientas > Opciones de Internet
2. Vaya a la ficha General, Archivos temporales de Internet.
3. Haga clic en el botón Eliminar archivos.
Al abrir su sitio Web, mantenga presionado el botón Control [CTRL].presionando también al
mismo tiempo el Icono refrescar. Esto ayudará a cargar la última versión.

Asistente de estilo de hoja en cascada (CSS)

El Asistente de estilo de hoja en cascada (CSS) le permite entrar en cualquier estilo


personalizado CSS que no esté expuesto por el Inspector.

El uso de este diálogo requiere conocimiento acerca de CSS y un uso incorrecto puede
impedir que su sitio funcione correctamente.
Estos estilos no se mostrarán en su documento Web Easy pero se mostrarán cuando usted
vea su sitio Web en un navegador de Web. Este diálogo está diseñado para usuarios
avanzados con conocimiento de los estilos y la syntaxis CSS, como se describen en la
especificación CSS 2.1. Usted tendrá que visitar el Consorcio de World Wide Web para
mayor información sobre el estándar CSS.

Un ejemplo de su uso puede ser el de establecer el margen interior para sus objetos de texto
de manera que el margen no esté en todos los lados del cuadro de texto. Para obtener esto,
agregar el siguiente código al Asistente de CSS:
margen interior-izquierda: 10pxs.;
margen interior-superior: 20pxs.
Entradas en este diálogo pueden reemplazar a los estilos establecidos usando otras entradas
en el Inspector.
Una lista de palabras claves con un ejemplo de su uso se incluye en la parte superior de este
diálogo para su referencia.

Ver también
Estilos de Inspector

¿Cómo controlo el comportamiento de las imágenes al


exportarlas como porcentaje del ancho de la página?
Hay varias técnicas que le permiten cambiar el comportamiento de las imágenes al exportarlas
con las medidas métricas establecidas al porcentaje de la página.
Si usted no tiene título HTML aplicado a una imagen, la imagen puede recortarse cuando se
muestre en el navegador de Web.

Si usted agrega título HTML a una imagen, éste será tratado como un dato importante en su
página. Impedirá que su imagen cambie de tamaño o sea recortada. La imagen todavía se
moverá de acuerdo con el tamaño de la página, no obstante.

Si usted agrega título HTML a una imagen y también un vínculo, la imagen adoptará una

417
escala proporcional cuando la página cambie de tamaño. Esto es útil cuando se crea una
barra de navegación porque permite que ésta aparezca en buena forma en cualquier tamaño
de página.

Unidades de medida

Usted puede cambiar las unidades que su documento usa para todos los valores de medida
cuando está construyendo su sitio. Es importante notar que si cambia los valores para las
unidades de medida esto no afectará la forma en que su sitio se presenta dentro de Web
Easy. Usted notará la diferencia cuando cuando construya su sitio o haga su vista previa en
un navegador de Web.

Estilo Descripción
Relativo a tamaño de Fuente Esta opción mide todo lo que está en su página
en forma relativa a la medida de fuente que el
usuario seleccionó para su navegador de Web..
Pixeles absolutos Clasifica la página por pixeles, la página es
dimensionada de acuerdo con el dispositivo con
que será vista.
Puntos absolutos Clasifica la página por puntos usados por CSS
2.1 son igual a 1/72 de una pulgada.
Porcentaje de ancho de página Los elementos sobre la página cambian de
tamaño y se mueven relativamente al tamaño
de la página. La página solamente será
cambiada de tamaño o movida cuando el ancho
horizontal de la ventana del navegador cambie.

Usted debe seleccionar un estilo que complemente a su diseño de sitio Web.


Sugerencia:
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS
o XHTML con CSS al usar la funcionalidad de clase de estilo. Estas opciones nos están
disponibles en sitios Web simples o dinámicos.

Cómo personalizar la lista de los navegadores de Web en el


menú de Vista Previa
Cuando usted ejecute Web Easy por la primera vez, el software determinará cuáles son los
navegadores Web Easy populares que usted ha instalado en su máquina. Éstos serán
agregados al menú desplegable Hacer vista previa con > debajo del menú Construir
Si usted tiene un navegador de Web que Web Easy no ha detectado, o si le gustaría agregar
cualquier aplicación para hacer vista previa de su sitio, usted puede personalizar la lista en las
Opciones de programa.
1. Seleccione Opciones... desde el menú Herramientas.
2. Haga clic en la ficha de Programas en el diálogo de Opciones.
3. Bajo la sección Hacer vista previa con el programa, seleccione el botón de radio
Ejecutar.
4. Haga clic en el botón Explorar.
5. Escriba la ruta de acceso para ejecutar la nueva aplicación y el nombre de archivo y escriba

418
un nombre para la aplicación que ha seleccionado.
6. Haga clic en ACEPTAR
Sugerencia:
Es una buena práctica hacer vista previa con de su sitio Web en tantos navegadores
como sea posible.

Propiedades de colores, texturas, degradados, tramas y


transparentes

Es importante comprender cómo las propiedades de relleno, fondo, primer plano, textura,
degradado y transparente trabajan en conjunto en los distintos elementos.

Para elementos de texto simple:

El primer plano aplicará el color, degradado, trama o textura a la cara de la fuente. La


transparencia determinará si el bloque de texto es transparente o no y el relleno de color
determinará el color del bloque de texto, si no es transparente. No es no posible tener una
textura, trama o degradado como fondo para elementos de texto simple; para hacer esto use
un elemento de texto enriquecido. Si usted convierte un elemento de texto simple a texto
enriquecido la configuración de primer plano se usará como fondo.

Para elementos de texto enriquecido:

El fondo aplicará el color, degradado, trama o textura al fondo del area del bloque de texto. Si
usted selecciona un color para el fondo entonces la propiedad transparencia determinará si
este color es visible o no. Si usted selecciona un degradado o trama la propiedad
transparencia no tendrá efecto porque estos elementos de relleno no tienen áreas
transparentes. Si usted selecciona una textura para el fondo entonces la propiedad
transparente tendrá efecto solamente si la textura que usted está usando para su fondo tiene
un area transparente definida. Los formatos de imagen GIF y PNG son compatibles con
regiones transparentes. Si la imagen tiene transparencia y usted desactiva la transparencia
entonces usted podrá establecer el color del transparente seleccionando la propiedad de
relleno de color.

Para formas y fondos de página:

A las formas y fondos de página no se les puede establecer transparencia. Si usted


selecciona una textura con una transparencia el color de relleno se usará para dibujar la
región transparente de la textura.

Diálogo Editar texto

El Diálogo Editar texto le permite escribir o editar el texto que usted quiere para su texto
sobre la página. Es un método alternativo para editar el texto directamente sobre la página.

Una lista de palabras clave se provee en la parte superior del diálogo, no obstante usted
puede escribir y editar cualquier texto.

Configuraciones de degradado

419
El diálogo de configuraciones de degradado le permite establecer los parámetros para
un degradado. Estos parámetros son un color para comenzar y uno para terminar y
también el ángulo del degradado.

Sugerencia:
Para lograr el sitio Web más eficiente usted debería mantener el degradado a un ángulo recto
como 90, 180, 270 o 360 grados. Esto permite que Web Easy exporte una imagen pequea y
luego permita que el navegador de Web convierta la imagen en efecto mosaico. Esto resultará
en que su sitio obtenga descargas en lapsos menores. Si usted pone un degradado a un
ángulo diferente sobre un objeto que cubre una área grande esto incrementará el tiempo de
descarga de manera significativa.

Explorador de archivo

Web Easy tiene un Explorador de archivo que puede ser mostrado en forma acoplada en la
parte inferior de la aplicación. ^Provee exploración completa de los archivos, vista de éstos, y
la capacidad de arrastrar y colocar sin que usted tenga que dejar Web Easy para buscar
archivos. Es perfecto para usuarios profesionales que tienen grandes cantidades de archivos
gráficos, de Web y de multimedia en sus ordenadores.

Para obtener ayuda en el uso del Explorador de archivo, seleccione Tópicos de ayuda para
Explorador de archivo del menú Ayuda.

Cómo hacer el efecto mosaico en el fondo de una página en


sólo una dirección

Usted puede usar CSS personalizado para cambiar el comportamiento de su fondo. Para
elementos de texto también le permite agregar margen interior de estilo CSS a su texto.
Para hacer que el fondo tenga efecto mosaico solamente en dirección vertical:

1. Abra el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el icono superior derecho y seleccione Página actual.
3. Haga clic en la ficha Estilo.
4. Debajo de la categoría Elemento, busque la entrada CSS personalizado.
5. Haga clic doble en la entrada CSS personalizado para editar el código de CSS
personalizado.
6. En el Asistente de Cascading Style Sheet CSS, agregue la línea siguiente
background-repeat: repeat-x;
7. Haga clic en ACEPTAR
Sin embargo, el fondo de página se obtendrá efecto mosaico en las dos direcciones, en Web
Easy, cuando usted haga vista previa del sitio. El CSS personalizado cambiará el
comportamiento de los mosaicos.

Para obtener este efecto solamente en la dirección horizontal, siga las direcciones de más

420
arriba pero cambie el texto insertado a background-repeat: repeat-y;

Sugerencias
 Para prevenir resultados inesperados usted debería exportar su página como HTML
con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.

Diálogo para modificar tamao y posición

El diálogo para Modificar tamao y posición le permite modificar el tamao y la posición del
elemento seleccionado escribiendo los números exactos en vez de arrastrar y colocar el
elemento en la página.

Use los cuadros de edición Ancho y Alto para cambiar la dimensión del elemento.
O use los cuadros de edición Izquierda y Arriba para mover la posición del elemento. Si
usted cambia los cuadros de edición Derecha y Abajo entonces la medida de la imagen
también cambiará.

La checkbox Mantener relación de aspecto asegurará que la dimensión del elemento que
usted está cambiando tendrá la misma relación de alto a ancho después de que usted cambia
un valor. Por ejemplo, si usted tiene una foto de 640 pixeles de ancho, por 480 pixeles de alto
y usted cambia el ancho a 360, entonces el alto cambiará automáticamente a 270 para
asegurar que la foto no está fuera de proporción.

Rellenos de trama
Usted puede rellenar el fondo de una forma, texto o página con una trama punteada pre-
definida. Elija de una gran selección de tramas provistas por Web Easy.
Para rellenar con un relleno de trama:

1. Haga clic en para mostrar la barra de herramientas de Edición.

2. Haga clic en Rellenar en la barra de herramientas de Formas para rellenar una


forma o en la barra de herramientas de Página para llenar el fondo de la página.
3. El diálogo Rellenar por color se abre.
4. Haga clic en la ficha Textura para mostrar el diálogo Rellenar con textura.
5. Seleccione los colores del Primer plano y del fondo y la trama.
6. Haga clic en Aceptar para aplicar el relleno de textura.

Nota:
Si usted agrega una textura para rellenar el texto - el texto se guardará como una imagen
cuando el documento se construya en un sitio Web a menos que usted construya su sitio
usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de
memoria y no puede ser seleccionado y copiado por visitantes.

421
Para cambiar el relleno de trama usando el inspector:
Un método alternativo para cambiar el relleno de trama es usando el Inspector. Además de
cambiar el relleno para las formas y el fondo de página usted también puede cambiar la
textura del relleno para textos o campos.

1. Abrir el Inspector.
¿Cómo?
2. En el Inspector, haga clic en el icono superior de la derecha y seleccione Selección.
(seleccione página actual para cambiar el fondo de página).
3. Haga clic en la ficha Estilo.
4. Debajo de la categoría Dibujo usted encontrará las entradas que le permitirán cambiar
el color de los elementos. Las entradas pueden tener como nombre Primer plano o Fondo
dependiendo del tipo de elemento que usted ha seleccionado.

Es importante leer, en Ayuda, la entrada sobre Propiedades de colores, texturas, degradados,


tramas y transparentes para tratar de comprender cómo al modificar esta propiedad se
afectan otras propiedades.

Ver también
Colores, texturas, degradados, tramas y propiedades transparentes
Rellenos de textura
Rellenos de degradado
Rellenos de color

Barra de herramientas de acceso rápido

La barra de herramientas de Acceso rápido tiene varios botones para asistirle a construir su
sitio Web. Para abrir o cerrar la barra de herramientas de Acceso rápido, seleccione Barra
de herramientas de Acceso rápido desde el menú Ver. Usted puede acoplar este menú a la
derecha de Web Easy, o mantenerlo flotante arriba de Web Easy.

Las barras de herramientas le permiten acceder rápidamente a las siguientes funciones.


 Vista Previa de sitio Web
 Construir sitio Web
 Alternar Explorador de archivo
 Alternar Inspector
 Alternar barra de herramientas de capas
 Asistente de texto
 Asistente de búsqueda
 Modificar clases de estilo
 Asistente de código personalizado

422

Vous aimerez peut-être aussi