Académique Documents
Professionnel Documents
Culture Documents
BIENVENIDO...................................................................................................... 20
Para crear: ................................................................................................................. 20
Para trabajar con imágenes: ...................................................................................... 20
Para crear: ................................................................................................................. 20
VISTA GENERAL............................................................................................... 20
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
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
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
12
Barra de menús ....................................................................................................... 388
Abrir documento....................................................................................................... 389
Publicar.................................................................................................................... 389
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
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
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
16
¡MI MARCO NO ENCAJA CON MI FOTO! ...................................................... 404
17
CÓMO ADJUNTAR UNA IMAGEN O FOTO DIGITAL ................................... 414
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.
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.
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
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!
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!
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
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
Esperamos que disfrute usando nuestro software. Para contactarnos o aprender acerca de
otros de nuestros excelentes productos:
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.
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 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
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
.
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.
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.
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.
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.
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
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
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.
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 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
3. Haga clic en Guardar para guardar los cambios hechos a su documento Web .
Ver también
Cómo construir su primer sitio Web
Cómo publicar su primer sitio Web
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..
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
Por ejemplo, .
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.
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.
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:
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
%!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.
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
Cuando el diseño del documento esté completo, puede pasar al siguiente paso: Construir su
documento en una página Web.
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
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 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
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:
63
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
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:
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.
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.
%!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:
%!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 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.
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.
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.
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
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
Marque esta casilla si la imagen que está buscando ya fue provista por VCOM pero ahora
no está presente en su disco duro.
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
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
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:
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:
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:
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 .
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.
1. Haga clic en .
2. Aparece el color de fondo.
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.
Rellenos de color
Un relleno de color llena un elemento con un color individual.
Para llenar con un color:
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.
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.
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:
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:
Sugerencia:
Haciendo clic en Rehacer desde el menú Edición da el mismo resultado.
Ver también
Deshacer acciones.
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.
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
Ver también
Rellenos de degradado
Rellenos de textura
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.
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
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.
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.
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..
Ver también
Cómo importar un sitio Web
Cómo guardar una copia de seguridad de almacenamiento
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
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.
96
1. Haga clic en para mostrar la barra de herramientas de Editar.
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.
97
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto.
3. Seleccione 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
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
99
Para quitar un marco o un esténcil de una foto.:
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
Ver también
Cómo cambiar el tamaño de una foto manualmente
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.
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.
Ver también
Cómo voltear una foto
102
3. Haga clic en las check-boxes Espejo vertical o Espejo horizontal .
4. Haga clic en ACEPTAR.
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
Más Menos
contraste contraste
Gamma de Escala de
colores grises
105
Desenfocar Enfocar
(Nitidez)
Invertir Auto
Contraste
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.
%!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
%!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.
108
La solución es incrementar la gamma. Esto mejora los medios tonos, mientras se dejan los
reflejos y las sombras como estaban.
%!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.
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.
%!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.
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.
%!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.
%!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.
%!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.
%!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.
%!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.
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.
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)
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:
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.
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.
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.
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.
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 .
Fuente y Color
120
Relleno con Color, Degradado o Textura
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..
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
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
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
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.
Alinear texto. Alinear el párrafo a la izquierda, centro o lado derecho del rectángulo
123
de límites del elemento.
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.
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
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.
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.
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.
126
Para rellenar un texto con un 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.
127
Para cambiar el tamaño del texto usando los tamaños preestablecidos:
128
Derecha sí sí sí
Justificar sí
Arriba
Medio
Abajo
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.
129
valores de offset.
Para agregar sombras al texto
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.
Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido
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.
Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido
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
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.
%!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?
%!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
%!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:
Sugerencia:
Mantenga presionada la tecla MAYÚS, mientras dibuja, para mantener la línea perfectamente
horizontal o vertical.
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:
%!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:
%!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:
%!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:.
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
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
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
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.
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.
5. Haga clic en Estilo y en el grosor de una línea para volver la forma a 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:
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
Ver también
Cómo alinear elementos a lo largo de sus centros
149
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar
elementos.
3. Seleccione el elemento o los elementos a ajustarse.
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
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.
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.
152
grupo entero.
Para cambiar el orden de las capas:
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.
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.
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.
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.
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
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.
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
¡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:
%!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).
159
1. Haga clic en el icono de página en el panel izquierdo.
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
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
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.
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:
Ver también
Cómo vincular a un documento
Cómo vincular a otra página
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.
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.
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.
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
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.
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.
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.
Ver también
Cómo vincular a un objeto incrustado
Cómo vincular a una imagen incrustada
Cómo vincular a un código
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.
Ver también
Cómo agregar un contador de visitas a su sitio Web
1. Seleccione la foto.
172
Ver también
Cómo configurar un reproductor de objeto incrustado
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.
%!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
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:
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
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
179
1. Seleccione el elemento al cual usted quiere vincular el clip de sonido.
%!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:
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
Ver también
Cómo agregar sonido a los elementos
Cómo agregar sonido a las páginas
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?
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
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:
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
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.
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.
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.
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.
191
1. Seleccione el elemento que va a modificar en su página.
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.
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:
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
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
196
5. Seleccione el objeto que usted quiere insertar y haga clic en ACEPTAR
Los tipos de archivo que pueden ser reproducidos incluyen .WAV, .MID, .AVI, .TGA, .MOV y
otros formatos multimedia conocidos
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.
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.
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.
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.
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
%!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.
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
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.
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
%!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
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..
213
1. Seleccione los elementos a animarse
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.
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
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.
%!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.
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?
%!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
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.
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:
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
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.
225
1. Use las flechas de navegación para volver a la primera página.
Ver también
Cómo agregar un a transición de página
Cómo construir un sitio Web dinámico
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
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
%!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?
%!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.
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.
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
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.
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
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
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
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
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:
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
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):
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
Ver también
Cómo usar el Inspector
Propiedades del Inspector
Estilos de Inspector
Capas del Inspector
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.
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.
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
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
Atributo Descripción
249
Ver también
Inspector Propiedades del documento
Inspector Propiedades de la página
Inspector Propiedades de la selección
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.
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
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
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.
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.
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.
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.
Elemento
Procesamiento de imagen
Efectos de imagen
Detalles de imagen
Detalles de archivo
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
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
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
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
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.
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
Ver también
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
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
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.
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
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
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
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
Ver también
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.
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;
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.
272
Ver también
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.
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?
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
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.
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;
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
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.
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
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.
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.
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.
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.
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
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
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 :
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
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.
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..
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.
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
%!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..
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.
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.
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.
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.
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;
Tip:
This is a great way to keep your build files organized and easy to find.
See also
Web Site Build Properties
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.
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.
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
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
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
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.
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.)
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.
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)
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.
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.
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.
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
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;
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
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.
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.
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.
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:
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
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.
Copia el elemento
seleccionado y ubica la
Copiar copia en el portapapeles
para ser pegado en el
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.
368
con texto en su documento.
Le permite alinear el
texto seleccionado
Justificar
dentro del cuadro de
texto..
369
La barra de herramientas de Organizar elementos es un conjunto de herramientas que le
permite organizar todos los elementos en su documento.
370
Barra de herramientas de Asistentes
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ú 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.
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.
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 '/').
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
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.
%!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.
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Use el Asistente de búsqueda para buscar elementos específicos de texto en su
documento.
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,`')
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).
385
2. Haga clic en Formas para desplegar la barra de herramientas de Editar
formas.
3. Seleccione la forma.
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Para mostrar el Asistente de texto:
Seleccione Asistente de texto desde el menú Herramientas.
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'
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.
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.
Ver también
Cómo diseñar su documento
Importar un sitio Web
388
Abrir documento
Haga clic aquí para abrir un documento existente..
Publicar
Haga clic aquí para publicar un sitio Web en Internet.
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.
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
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.
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.
%!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
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.
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.
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
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 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.
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
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
Polilínea
Le permite dibujar una forma con puntas múltiples.
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.
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.
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.
luego haga clic en Rotar .. Rote la foto hasta que esté vertical.
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 .
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.
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.
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 .
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
Los valores de los parámetros marcados en fuente itálica se rellenan automáticamente con el
diálogo:
408
Ayuda en línea - es posible que en línea haya más información específica sobre el objeto .
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)
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
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.
Indicadores especiales:
Ver también
Cómo configurar las propiedades del objeto
Cómo agregar comercio electrónico al sitio Web
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 -->
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.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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
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.
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
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.
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.
Es importante comprender cómo las propiedades de relleno, fondo, primer plano, textura,
degradado y transparente trabajan en conjunto en los distintos elementos.
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.
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.
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.
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:
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.
Ver también
Colores, texturas, degradados, tramas y propiedades transparentes
Rellenos de textura
Rellenos de degradado
Rellenos de color
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.
422