Embed Size (px)
Citation preview
1
Tabla de Contenidos
BIENVENIDO......................................................................................................20
Para crear: .................................................................................................................20
Para trabajar con imágenes: ......................................................................................20
Para crear: .................................................................................................................20
VISTA GENERAL...............................................................................................20
CÓMO USAR ESTE SISTEMA AYUDA.............................................................21
TERMINOLOGÍA WEB EASY............................................................................22
Cómo diseñar un documento .....................................................................................22
Cómo construir un documento en un sitio Web..........................................................22
Cómo publicar en la Web...........................................................................................23
PRIMEROS PASOS ...........................................................................................23
Cómo crear un sitio Web con el Asistente de sitio Web .............................................23
Diseñar un documento ..............................................................................................23
QUE HAY DE NUEVO EN LA VERSION PROFESIONAL 6.0 DE WEB EASY 23
ACTUALIZACIONES AUTOMÁTICAS PARA SOFTWARE VCOM ..................25
Manténgase al día con Auto Actualización (Auto Update)..........................................25
¿Cómo tengo acceso a Auto Update? ......................................................................26
¿Tengo que buscar información en la Web?..............................................................26
¿Cuándo debería usar Auto Update?........................................................................26
¿Tengo que instalar los archivos descargados? ........................................................26
¿Tengo que pagar por las actualizaciones?...............................................................26
ACERCA DE PUBLICAR ...................................................................................26
COMO OBTENER ASISTENCIA........................................................................28
Cómo obtener asistencia ...........................................................................................29
Cómo usar Ayuda en línea.........................................................................................29
Cómo obtener soporte técnico ...................................................................................29
Cómo mostrar muestras de sitios Web.......................................................................30
Solución de problemas...............................................................................................31
Preguntas más frecuentes ......................................................................................................32
2
Problemas con vínculos ..........................................................................................................32
Cómo encontrar imágenes ......................................................................................................32
Problemas con fotos y marcos................................................................................................32
Problemas de diseño...............................................................................................................32
Problemas con el texto............................................................................................................33
Problemas al ver su sitio .........................................................................................................33
¿Por qué Microsoft Office instala un componente cuando yo estoy usando Web Easy? ......33
Problemas de publicación .......................................................................................................33
Cómo usar el Tutorial.................................................................................................34
Acerca del Tutorial ..................................................................................................................35
Cómo usar el Tutorial ..............................................................................................................35
NAVEGANDO WEB EASY ................................. ...............................................37
Cómo entender la interfaz..........................................................................................38
Haga clic en las áreas diferentes de la ilustración para identificar distintas partes de la interfaz.....................................................................................................................................38
Cómo usar las herramientas en las barras de herramientas ......................................38
Cómo usar los menús ................................................................................................39
Acerca de los Asistentes............................................................................................39
Cómo usar el Centro de Actividad..............................................................................41
Cómo usar el Centro de Actividad ..........................................................................................42
Cómo mostrar el Centro de Actividad al inicio ........................................................................42
Cómo agregar o quitar el Centro de Actividad desde el Inicio................................................42
GUIA PARA UN COMIENZO RAPIDO ....................... .......................................43
Guía para un comienzo rápido ...................................................................................44
Cómo crear y publicar su primer sitio Web.................................................................45
Cómo diseñar su primer documento .......................................................................................46
Cómo construir su primer sitio Web ........................................................................................47
Cómo publicar su primer sitio Web .........................................................................................48
COMO CREAR SITIOS WEB.............................. ...............................................50
Acerca de los sitios Web............................................................................................51
Cómo diseñar una Página principal............................................................................51
Indicaciones para diseño HTML.................................................................................51
Optimización de motores de búsqueda (Search Engine Optimization :SEO)..............52
Cómo crear un documento.........................................................................................54
Acerca de los documentos ......................................................................................................55
Cómo trabajar con documentos ..............................................................................................56 Cómo abrir un documento..................................................................................................................57
Cómo abrir un documento reciente....................................................................................................57
Cómo cerrar un documento ...............................................................................................................57
3
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
4
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
5
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
6
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
7
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
8
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
9
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
10
¿Debería construir como simple, dinámico o CSS ? ............................................................283
Cómo construir un sitio Web simple ( HTML Simple ) ..........................................................291 Cómo construir un sitio Web ............................................................................................................292
Transparencia de imagen ................................................................................................................293
Cómo se guardan las páginas HTML...............................................................................................293
Opciones avanzadas de construcción HTML...................................................................................294
Cómo construir un sitio Web dinámico de escenas ..............................................................295 Cómo construir un sitio Web dinámico.............................................................................................296
Opciones avanzadas para construcción de sitios de escenas dinámicas........................................298
Opciones avanzadas para construcción de escenas dinámicas ..................................................299
Cómo construir una presentación ................................................................................................300
Cómo construir un sitio Web con CSS(HTML/XHTML) ........................................................301 Cómo construir un sitio con un estilo CSS.......................................................................................302
¿Cuál es la diferencia entre XHTML y HTML?.................................................................................303
Opciones avanzadas para construcción de sitios con estilo CSS...................................................304
Opciones avanzadas para construcción de sitios CSS................................................................305
Cómo coleccionar sus imágenes de sitio Web en una sub- carpeta cuando usted construye306
Cómo coleccionar medios vinculados y documentos en una sub- carpeta cuando usted construye ...............................................................................................................................306
¿Qué archivos se crean cuando yo construyo mi sitio? .......................................................307
CÓMO PUBLICAR UN SITIO WEB EN INTERNET............. ............................309
Antes de publicar .....................................................................................................310
El Asistente de publicación ......................................................................................310
Cómo publicar su primer sitio Web...........................................................................310
Acerca de la página primaria....................................................................................312
Publicación avanzada ..............................................................................................313
Cómo publicar con FTP Max.................................................................................................314
Cómo conectar al host remoto .................................................................................315
Cómo conectar con su host remoto ......................................................................................316
Cómo usar un perfil de conexión ..........................................................................................316
Cómo crear un perfil de conexión nuevo ..............................................................................317
Cómo seleccionar un perfil para conexión ............................................................................317
Errores de conexión ..............................................................................................................317
REFERENCIAS ................................................................................................319
Acerca de HTML, DHTML, XHTML y CSS ...............................................................320
Requerimientos del sistema.....................................................................................320
Cómo configurar opciones .......................................................................................322
Cómo configurar sus opciones..............................................................................................323
Opciones generales ..............................................................................................................323
Opciones de documento .......................................................................................................338
Opciones de cuadrícula.........................................................................................................339
11
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
12
NO PUEDO OIR MI VÍNCULO DE AUDIO ROLLOVER CUANDO MI SITIO WEB DHTML SE VE CON UN NAVEGADOR NETSCAPE......... ...................381
CÓMO LIMPIAR EL SITIO SELECCIONADO ................. ................................381
ASISTENTE DE PUBLICACIÓN, PANTALLA DE SELECCIONAR P AQUETE381
ASISTENTE DE PUBLICACIÓN, CONFIGURACIONES DE TRANSF ERENCIA382
CÓMO INICIAR EL ASISTENTE DE WEB ................... ...................................382
PARA USUARIOS DE MAC: CÓMO DISEÑAR ................. .............................383
Sugerencias de compatibilidad para usuarios de Web Easy ...................................383
Muchos usuarios de Internet no usan la plataforma de Windows. Posiblemente usted desee considerar algunas de las limitaciones especiales impuestas por distintos sistemas operativos, plataformas de Hardware y software para navegación............383
CÓMO BUSCAR IMÁGENES ............................... ...........................................384
CÓMO BUSCAR VÍNCULOS............................... ............................................384
CÓMO BUSCAR TEXTO .................................. ...............................................384
CUANDO AJUSTAR LA TONALIDAD, SATURACIÓN O INTENSIDA D ........385
CÓMO AJUSTAR EL ESTILO DE UNA FORMA................ .............................385
CÓMO INSERTAR OBJETOS .............................. ...........................................386
CÓMO MOSTRAR EL ASISTENTE DE TEXTO ................. .............................386
CÓMO VINCULAR A UN ANCLA EN LA MISMA PÁGINA ........ ....................386
CÓMO VINCULAR A OTRA PÁGINA........................ ......................................387
Documento en blanco ..............................................................................................387
Explorador de archivo ..............................................................................................387
Construir un sitio Web..............................................................................................387
CÓMO ELEGIR UNA PLANTILLA DE DISEÑO ................ ..............................387
Cerrar ......................................................................................................................388
CÓMO DISEÑAR DOCUMENTOS...................................................................388
CÓMO SALIR DE WEB EASY............................. ............................................388
Ayuda ......................................................................................................................388
CÓMO SE GUARDAN LAS PÁGINAS DHTML.................. .............................388
13
Barra de menús .......................................................................................................388
Abrir documento.......................................................................................................389
Publicar....................................................................................................................389
CÓMO GUARDAR UN DOCUMENTO LA PRIMERA VEZ........... ...................389
Mostrar al Inicio........................................................................................................389
Barra de tareas ........................................................................................................389
Barra de herramientas .............................................................................................389
Tutorial.....................................................................................................................389
Botones de Web Easy..............................................................................................389
Espacio de trabajo ...................................................................................................390
BASE DE DATOS DEL PRODUCTO......................... ......................................392
ESCENAS ........................................................................................................393
SKU ..................................................................................................................393
CÓMO ENVIAR ARCHIVOS POR E-MAIL .................... ..................................394
Acerca de Web Easy................................................................................................394
Centro de actividad ..................................................................................................394
Agregar/Reemplazar marco .....................................................................................394
Agregar/Reemplazar esténcil ...................................................................................394
Alinear......................................................................................................................394
Animación ................................................................................................................395
Organizar iconos......................................................................................................395
Audio .......................................................................................................................395
Caja .........................................................................................................................395
Construir un componente.........................................................................................395
Cascada...................................................................................................................395
VERIFIQUE ACTUALIZACIONES .......................... .........................................395
Borrar marco............................................................................................................395
Borrar foto................................................................................................................395
Cerrar ......................................................................................................................395
Productos VCOM complementarios .........................................................................395
Copiar ......................................................................................................................396
Crear un componente ..............................................................................................396
14
Crear un sitio Web ...................................................................................................396
Recortar ...................................................................................................................396
Curva .......................................................................................................................396
Cortar.......................................................................................................................396
Eliminar....................................................................................................................396
Eliminar página. .......................................................................................................396
Efectos HTML dinámicos .........................................................................................396
Editar .......................................................................................................................396
Editar texto..............................................................................................................396
Salir .........................................................................................................................396
Rellenar ...................................................................................................................396
Fondo ......................................................................................................................396
Rellenar ...................................................................................................................397
Primera ....................................................................................................................397
Ajustar......................................................................................................................397
Fuente......................................................................................................................397
Ir a ...........................................................................................................................397
Grupo.......................................................................................................................397
Ayuda ......................................................................................................................397
BOTÓN PORTADA ...................................... ....................................................397
Insertar objetos ........................................................................................................397
Insertar página .........................................................................................................397
Insertar una foto.......................................................................................................397
Insertar imágenes prediseñadas (Clipart).................................................................397
Insertar componente ................................................................................................397
Insertar texto............................................................................................................397
ARTE EN LÍNEA ...................................... ........................................................398
PORTADA DE VCOM .................................... ..................................................398
SOPORTE TÉCNICO DE VCOM......................................................................398
Justificar...................................................................................................................398
Última ......................................................................................................................398
Orden.......................................................................................................................398
Línea........................................................................................................................398
15
Grosor de línea ........................................................................................................398
Línea........................................................................................................................399
Vínculo.....................................................................................................................399
Asistente de vínculos ...............................................................................................399
Bloquear ..................................................................................................................399
Modificar texto..........................................................................................................399
Modificar foto ...........................................................................................................399
Reproductor de multimedia ......................................................................................399
Nuevo ......................................................................................................................399
Siguiente..................................................................................................................399
Registración en línea ...............................................................................................399
Abrir .........................................................................................................................399
Opciones..................................................................................................................399
Óvalo .......................................................................................................................399
Pegar .......................................................................................................................400
Pega el contenido del portapapeles sobre el documento. .......................................400
Pegar está disponible solamente si un elemento ha sido copiado o cortado sobre el portapapeles. ...........................................................................................................400
Pausa ......................................................................................................................400
Efectos de foto.........................................................................................................400
Reproducir ...............................................................................................................400
Le permite reproducir el archivo de multimedia seleccionado dentro de un documento.400
Polilínea ...................................................................................................................400
HOSPEDAJE DE WEB PREFERIDO......................... ......................................400
Vista previa ..............................................................................................................400
Anterior ....................................................................................................................400
Imprimir....................................................................................................................400
Vista previa de impresión.........................................................................................400
Asistente de publicación ..........................................................................................400
Reciente...................................................................................................................400
Grabar......................................................................................................................400
Rehacer ...................................................................................................................401
Actualizar .................................................................................................................401
Reemplazar foto.......................................................................................................401
16
RECURSOS .....................................................................................................401
Rotar........................................................................................................................401
Sitios Web de muestra .............................................................................................401
Guardar....................................................................................................................401
Guardar como..........................................................................................................401
Asistente de código..................................................................................................401
Asistente de búsqueda.............................................................................................401
Seleccionar ..............................................................................................................401
Seleccionar todo ......................................................................................................401
Sombra ....................................................................................................................401
Tamaño....................................................................................................................401
Tamaño y posición...................................................................................................402
Tamaño de página ...................................................................................................402
Forma sólida ............................................................................................................402
Ordenar....................................................................................................................402
Detener ....................................................................................................................402
Estilo........................................................................................................................402
ASISTENTE DE TEXTO...................................................................................402
Tamaño de texto ......................................................................................................402
Mosaico ...................................................................................................................402
Título........................................................................................................................402
Transferir archivos ...................................................................................................403
Transiciones ............................................................................................................403
Tutorial.....................................................................................................................403
Deshacer .................................................................................................................403
Visite VCOM ............................................................................................................403
Construir un sitio Web..............................................................................................403
WYSIWYG...............................................................................................................403
¡UN ELEMENTO EN MI SITIO WEB ESTÁ ESCONDIDO DETRÁS DE OTRO!403
¡NO PUEDO VER TODO MI TEXTO!...............................................................403
¡NO PUEDO VER TODO MI DOCUMENTO! ...................................................403
QUIERO INCRUSTAR UNA IMAGEN PERO LA OPCIÓN 'IMAGEN INCRUSTADA' EN EL DIÁLOGO VÍNCULO ESTÁ GRIS........ .......................403
17
¡MI MARCO NO ENCAJA CON MI FOTO! ................... ...................................404
¡MIS FOTOS VERTICALES ESTÁN HORIZONTALES!.......... ........................404
¡MI TEXTO SE HA CONVERTIDO EN UNA IMAGEN!......... ..........................404
¡ALGUNOS DE MIS ELEMENTOS VINCULADOS NO SON VISIBLE S! ........404
¡ALGUNOS DE MIS VÍNCULOS A OTROS SITIOS NO FUNCIONA N! ..........405
¡ALGUNOS DE LOS VÍNCULOS A OTRAS PARTES DE MI SITIO WEB NO ESTÁN FUNCIONANDO!................................. ................................................405
¡EL ASISTENTE DE PUBLICACIÓN DICE QUE LOS ARCHIVOS REQUERIDOS HAN SIDO ELIMINADOS DE MI CARPETA LOCAL! ............405
¡NO HAY SUFICIENTE ESPACIO DE DISCO EN MI HOST REMOTO PARA PUBLICAR MI SITIO WEB! ............................. ................................................405
¡CUANDO AGREGUÉ UN MARCO OVALADO A MI FOTO, ÉSTE NO ENCAJÓ!............................................ ..............................................................406
¡CUANDO YO ELIMINÉ MI MARCO, MI FOTO TAMBIÉN DESAPA RECIÓ! .406
¡CUANDO VEO MI SITIO WEB EN UN NAVEGADOR DE WEB, ÉS TE NO SE MUESTRA CORRECTAMENTE! ............................. ........................................406
¡CUANDO VEO MI SITIO WEB EN UN NAVEGADOR DE WEB, MI S VÍNCULOS DE TEXTO SE MUESTRAN COMO VISITADOS!..... ..................407
¡CUANDO VEO MI SITIO WEB EN NAVEGADORES DE WEB DIST INTOS, ÉSTE APARECE DIFERENTE!............................ ............................................407
INSERTAR UNA TABLA................................. .................................................407
PROPIEDADES DEL CÓDIGO PARA CONFIGURACIONES DE OBJE TO ...408
CÓMO CONFIGURAR LAS PROPIEDADES OPTATIVAS DEL OBJET O .....409
CÓMO CREAR HTML DE ORIGEN PARA BAY ................. ............................410
¿CÓMO SE REPRESENTAN LOS COLORES EN LOS SITIOS WEB? .........412
SELECCIONAR DIÁLOGO COLOR .......................... ......................................412
CÓMO ADJUNTAR UN ARCHIVO PDF ....................... ...................................413
CÓMO ADJUNTAR UN ARCHIVO DE WORD, EXCEL OR POWERPO INT .413
18
CÓMO ADJUNTAR UNA IMAGEN O FOTO DIGITAL ........... ........................414
CÓMO ADJUNTAR UN ARCHIVO DE AUDIO MP3.............. ..........................414
CÓMO ADJUNTAR CUALQUIER CLASE DE ARCHIVO A SU PÁGIN A.......415
¿CÓMO AUMENTO EL TAMAÑO DE UNA DE MIS PÁGINAS WEB? . .........415
¿CÓMO HAGO PARA VINCULAR A UN PUNTO MUY ABAJO EN LA PÁGINA PARA EVITAR EL LARGO DESPLAZAMIENTO?.............. ...........................416
¿POR QUÉ NO VEO LOS CAMBIOS QUE HE HECHO A MI SITIO WEB LUEGO DE HABERLO CARGADO?.......................... .....................................416
ASISTENTE DE ESTILO DE HOJA EN CASCADA (CSS) ....... ......................417
¿CÓMO CONTROLO EL COMPORTAMIENTO DE LAS IMÁGENES AL EXPORTARLAS COMO PORCENTAJE DEL ANCHO DE LA PÁGINA? ......417
UNIDADES DE MEDIDA ................................. .................................................418
CÓMO PERSONALIZAR LA LISTA DE LOS NAVEGADORES DE WE B EN EL MENÚ DE VISTA PREVIA ............................... ................................................418
PROPIEDADES DE COLORES, TEXTURAS, DEGRADADOS, TRAMA S Y TRANSPARENTES...................................... ....................................................419
DIÁLOGO EDITAR TEXTO............................... ...............................................419
CONFIGURACIONES DE DEGRADADO ....................... .................................419
EL DIÁLOGO DE CONFIGURACIONES DE DEGRADADO LE PERMI TE ESTABLECER LOS PARÁMETROS PARA UN DEGRADADO. ESTOS PARÁMETROS SON UN COLOR PARA COMENZAR Y UNO PARA TERMINAR Y TAMBIÉN EL ÁNGULO DEL DEGRADADO......... ...................420
EXPLORADOR DE ARCHIVO .............................. ...........................................420
CÓMO HACER EL EFECTO MOSAICO EN EL FONDO DE UNA PÁG INA EN SÓLO UNA DIRECCIÓN................................. .................................................420
DIÁLOGO PARA MODIFICAR TAMAO Y POSICIÓN........... .........................421
RELLENOS DE TRAMA .................................. ................................................421
BARRA DE HERRAMIENTAS DE ACCESO RÁPIDO ............. .......................422
20
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
21
crear sitios Web fácilmente, tanto sitios Web HTML regulares como sitios dinámicos DHTML. Los usuarios más avanzados pueden agregar funciones como imágenes GIF animadas y componentes VRML . Sitio Web (HTML)
Para dar formato a los sitios Web se usan los comandos del lenguaje de formato de hipertexto (Hypertext Markup Language: HTML). Un típico sitio Web consiste de un número de páginas Web, y cada una de ellas contiene texto e imágenes. Algunas también incluyen sonido. y video. Las páginas Web generalmente contienen vínculos a otras páginas dentro del sitio, como así también a otros sitios Web . Sitios Web dinámicos (DHTML)
Los sitios Web dinámicos obtienen su formato con los comandos del lenguaje de formato de hipertexto dinámico (Dynamic Hypertext Markup Language DHTML ). Los sitios Web dinámicos muestran efectos especiales como animaciones, mensajes en movimiento, transiciones de página, imágenes rollover y más aún. Usando DHTML, usted puede crear presentaciones dinámicas y presentaciones para sesiones con diapositivas. Características avanzadas:
Imágenes animadas GIF Imágenes animadas GIF son imágenes animadas, las que usted puede crear e incrustar en su sitio Web. Componentes de imagen Exporte una parte de su sitio Web como una imagen y luego úsela nuevamente en su sitio. Escenas Construya sus páginas Web de manera que al serle presentadas al usuario en Internet tengan distinta apariencia. Comercio Electrónico Establezca un negocio en Internet vendiendo sus productos y usando soluciones seguras y sin riesgos dentro del comercio electrónico.
Cómo usar este sistema Ayuda
Use este sistema Ayuda para que le asista en diseñar, construir y publicar sus sitios Web propios. ¡Quiero un poco de experiencia directa y práctica ahora mismo!
Use la guía Comienzo rápido para instrucciones paso a paso acerca de cómo crear su primer sitio Web. Yo quiero aprender a crear un sitio Web (HTML)
1. Consulte la sección titulada Creando sitios Web y lea todos los tópicos en la sección titulada Creando un documento .Contiene información acerca de cómo trabajar con documentos y modificarlos. Lea ahora acerca de cómo diseñar el documento que será la base de su sitio Web.
2. Consulte la sección titulada Cómo construir un documento en un sitio Web y lea el tópico llamado Construir un sitio Web. Este tópico explica cómo usted puede construir su documento en un sitio Web que puede ser visto con un explorador de Web.
3. Consulte la sección titulada Publicando un sitio Web en Internet. Esta sección explica cómo usted puede publicar su sitio Web en Internet.
22
Yo quiero aprender a crear un sitio Web dinámico ( DHTML)
1. Consulte la sección titulada Cómo crear sitios Web y lea todos los tópicos en la sección titulada Cómo crear un documento . Contiene información acerca de trabajar con documentos y modificarlos. Lea ahora acerca de cómo diseñar el documento que será la base de su sitio Web.
2. Consulte la sección titulada Funciones especiales para sitios Web dinámicos en la sección de Características avanzadas. Descubra los elementos especiales que usted puede incluir en su diseño.
3. Consulte la sección titulada Cómo construir un documento en un sitio Web y lea el tópico llamado Cómo construir un sitio Web dinámico. Este tópico explica cómo usted puede construir su documento en un sitio Web dinámico que puede ser visto con un explorador de Web.
4. Consulte la sección titulada Cómo publicar un sitio Web en Internet. Esta sección explica cómo usted puede publicar su sitio Web dinámico.
Terminología Web Easy
Como usted puede imaginarse, la World Wide Web (la malla mundial) ¡ trae consigo su propia jerga completa y con sus siglas! Para ayudarle a usar Web Easy, proveemos una definición de varios términos que se usan en todo el software de Web Easy y en este sistema de Ayuda. Este tópico describe algunos términos y conceptos preliminares importantes.
Cómo diseñar un documento
Un documento se refiere al documento de origen que usted diseña por primera vez en Web Easy. Comprende una o más páginas, y contiene todos los elementos gráficos y de texto que usted quiere publicar en la World Wide Web. Un documento con la extensión .ALB se guarda en forma predeterminada en la carpeta:
C:\Documentos y configuraciones\usuario\Mis Documentos\Web Easy\Documentos Una plantilla de diseño Web Easy es un documento de muestra que se le suministra para que usted lo use como una trama para su propio documento, teniendo la mayoría de los elementos de diseño gráficos y textuales ya ubicados. Simplemente perrsonalice cualquier plantilla agregándole su propio texto, gráficos o fotos. Consulte Cómo diseñar un documento nuevo.
Cómo construir un documento en un sitio Web
Cada documento completo debe ser convertido en un sitio Web, en un formato que le permitirá al público verlo con sus exploradores de Web, en la World Wide Web. Web Easy hace esto para usted en el proceso Construir . Después que haya terminado de diseñar su documento, constrúyalo en un Sitio Web o un sitio Web dinámico . Este proceso toma su documento, crea los necesarios archivos HTML o DHTML a la perfección, y convierte todos los gráficos incluídos en formatos compatibles para la Web. Usted nunca tiene que ver o trabajar con código HTML elemental. Si usted crea el documento usando el Asistente de sitio Web, usted puede construir el sitio Web como parte del proceso. Después de construir el documento, usted puede ver el resultado en un explorador de Web en su ordenador..
23
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 W eb
Los ‘Asistentes ’ son herramientas que lo guían a través de un proceso. Usar el Asistente de sitio Web es rápido y fácil. Todo lo que debe hacer es elegir sus fotos y una plantilla de diseño. El Asistente creará el diseño para usted, incluyendo el formato de texto, la organización de las fotos, gráficos y vínculos entre las páginas..Usted puede entonces modificar el texto y hacer los últimos ajustes.
Diseñar un documento
Para tener un control total sobre el aspecto de su documentos, diséñelo usted mismo. Use una plantilla de diseño o cree su propio diseño original sobre un documento en blanco. Yo quiero:
Crear un documento usando el Asistente de sitio Web
Diseñar un documento nuevo
Diseñar un documento nuevo usando una plantilla
Qué hay de nuevo en la versión profesional 6.0 de W eb Easy
La nueva versión profesional de Web Easy es la más poderosa hasta ahora. Tiene nuevas características para darle más control en la creación de sitios Web de aspecto más profesional, mientras todavía mantiene la simplicidad de crear un sitio arrastrando y colocando
24
objetos sobre su página. Con una nueva presentación y forma de trabajar, ¡ Web Easy es todavía la constructora de sitios Web más impresionante y más fácil de usar que pueda conseguirse hoy! Las mayores características nuevas son:
� Estilos. Diseñe su sitio Web con estilos y adquiera mayor control y flexibilidad en el mantenimiento de su sitio Web.
� Ventana Inspector . La nueva ventana Inspector le da acceso total a todos los aspectos de su sitio Web.
� Hojas de estilo en cascada (Cascading Style Sheets :CSS). Apoyo completo para Cascading Style Sheets (CSS) le permite separar el diseño y el contenido de su sitio. Tanto el estándar HTML como el XHTML son compatibles usando CSS. Además, distintas unidades de medida son también compatibles al crear sitios Web con CSS
� Totalmente compatible con todos los estándares de I nternet El código HTML, totalmente compatible, es generado y pasa las recomendaciones y validación W3C. Usted también tiene ahora más control sobre cómo se genera el código HTML
� Optimización del motor de búsqueda (Search Engine Optimization: SEO). Mayor acceso a todos los aspectos de su sitio Web y a una generación de HTML totalmente compatible mejora la SEO de los diseños de su sitio Web.
� Apoyo RSS Feed . Agregue RSS feeds a su sitio con el generador automático de RSS feed de Web Easy.
� Nuevo selector de colores para ayudarle a elegir colores seguros para la Web. � Todos los exploradores de Web son compatibles. Haga vista previa y pruebe sus
sitios Web en su(s) explorador(es) preferido(s) de Web). � Navegación con aplicación y aspecto mejorados . � Nuevas plantillas de diseño de sitio Web para elegir. � Explorador de archivo mejorado . � Tutorial y archivo Ayuda actualizados . � Más de 100 pequeñas mejoras generales .
La nueva Ventana inspector es central para las nuevas características en Web Easy. Le permite ver y modificar propiedades y estilos de su sitio en un abrir y cerrar de ojos. Hay más de 140 propiedades y estilos por lo tanto usted tiene control total de la forma en que su sitio se construye y se muestra Para tener su sitio construído en la forma más profesional, Web Easy tiene ahora el apoyo completo de Cascading Style Sheets (CSS). El código HTML producido por Web Easy es tan bueno ahora que ¡ usted pensaría que fue escrito a mano por un profesional! Una vez que usted use la nueva ventana Inspector usted podrá acceder a los importantes estilos CSS , y si no sabe qué son los estilos no importa.¡ Web Easy aún puede escribir todo el código para usted! Sin embargo el gran rasgo es que con el editor Personalizar (Custom) CSS, ahora incluido, usted puede escribir a mano cualquiera de cientos de estilos definidos por CSS si así lo prefiere. Todo esto con la tranquilidad de que al elegir construir uno de los nuevos tipos de estilo CCS, el código que se escribirá para usted será compatible con los estándares de W3C . Para que la mayor cantidad de gente encuentre su sitio, Web Easy ha mejorado ampliamente los métodos para Optimización del motor de búsqueda (SEO) . La funcionalidad del estilo de hoja en Web Easy permite a los usuarios aplicar estilos HTML estándar a los elementos, por ejemplo <h1>, <h2>, <blockquote>, etc. para asegurarse de que los motores de búsqueda tienen todas las oportunidades de encontrar su sitio. Usted también ahora puede establecer y controlar directamente definiciones HEAD y META en todas las páginas en su sitio, y usted puede establecer las etiquetas con los nombres que usted quiere usar en los elementos en su página
25
La ventana Inspector puede controlar qué tipo de unidades de medida usa su sitio. Al exportar en forma relativa a la medida de fuente que el usuario ha establecido para su sitio, su sitio estará a la medida que conviene a las necesidades de los usuarios. Usted también puede diseñar su sitio para cambiar el tamaño o reordenar, de la manera en que el usuario cambia el tamaño de su explorador o basado en la resolución que el usuario ha configurado en su presentación. Los bordes CSS ahora le permiten establecer una amplia variedad de bordes para sus imágenes y hasta para los elementos de texto en su sitio. Estos bordes producen un gran efecto al aplicarlos al texto o las imágenes. También puede añadir margen interior CSS a los objetos para espaciar cómodamente su texto. Ahora es más fácil que nunca hacer una vista previa de su sitio Web en cualquiera de los exploradores de Web que usted ha instalado. Web Easy encuentra todos los exploradores de Web y con el clic de un botón usted puede ver de qué forma se verá su sitio en cualquiera de esos exploradores. También puede personalizar esta lista y agregar cualquier aplicación que quiera. EL explorador de archivo es ahora más rápido y está totalmente incrustado dentro de Web Easy para hacer más fácil la construcción y administración de sus sitios. Queremos que su sitio le guste a la mayor cantidad de usuarios de ordenadores, por ello hemos incluído un Selector de colores en paleta segura para Web, que le permite limitar el diseño de sus colores para que aquellas máquinas de usuarios con presentación en colores limitados puedan no obstante mostrar colores Para aquellos que quieran aún más control sobre la forma en que se muestra su código HTML, usted ahora puede especificar el caso de su código HTML exportado. También en la Versión se encuentra la nueva función trama . Las tramas pueden ser aplicadas como el fondo de su página, o hasta el fondo de sus elementos de texto o sus campos. Estas tramas se guardan como pequeñas y eficientes imágenes gif que su explorador pondrá creando el efecto como mosaico al construir su página. . Los archivos XML RSS pueden ser automáticamente generados para la página. Esto permitirá que sus clientes sepan que usted ha actualizado su sitio Web. Estas nuevas y poderosas funciones convertirán a su sitio Web en lo mejor que ha existido, sin lugar a dudas. ¡Esperamos que disfrute usando Web Easy!
Actualizaciones automáticas para software VCOM
Manténgase al día con Auto Actualización (Auto Upda te)
Su software VCOM incluye un "Auto Update" vinculado al sitio Web para que usted pueda actualizar su software hasta la última versión, descargar los últimos " remiendos" u obtener recursos adicionales para extender la funcionalidad de su software. Con Auto Update usted puede:
� Instalar actualizaciones en su software VCOM ya instalado.
26
� Descargar nuevas características o recursos � Probar el último software de demostración de VCom y de otros desarrolladores de
software de renombre mundial � Adquirir e instalar nuevo software VCOM
¿Cómo tengo acceso a Auto Update?
1. Asegúrese que tiene una conexión a Internet activa. 2. En el menú Ayuda haga clic en Verificar actualizaciones . 3. Seleccione entre las descargas disponibles en la sección de la izquierda 4. Lea la información en la sección de la derecha. 5. Haga clic en el botón Instalar. Es así de fácil.
¿Tengo que buscar información en la Web?
No. Auto Update le presentará las descargas relevantes a su software en una sencilla ventana con dos secciones. Simplemente lea y haga clic.
¿Cuándo debería usar Auto Update?
1. Si tiene problemas con su software, use Auto Update para verificar si el problema ha sido resuelto con un "remiendo" o una actualización de la versión.
2. Verifique regularmente para ver si hay otros recursos adicionales disponibles. Ellos pueden incluir cosas como objetos de página Web, plantillas de diseño o características o funciones adicionales..
¿Tengo que instalar los archivos descargados?
No, Auto Update es simplemente esto, un actualizador automático de su software. Los archivos descargados se instalan por sí mismos. Un medidor de progreso le mostrará el estatus de su descarga, y la instalación es transparente para el usuario.
¿Tengo que pagar por las actualizaciones?
"Remiendos" y actualizaciones menores de su software son gratis. Recursos adicionales pueden ser gratis o pueden demandar un cargo. En cuanto a recursos o actualizaciones que requieran un pago, simplemente haga clic en el enlace para comprar en línea antes de descargar.
Acerca de publicar
Publicar un sitio Web es el proceso de transferir el sitio a Internet para que otras personas puedan verlo con sus exploradores de Web. Para publicar, usted necesita tener una cuenta con un proveedor de servicios de Internet ( Internet Service provider: ISP), quien destina espacio para sus archivos en el servidor que él administra (su ordenador host). El servidor también se conoce como el host remoto. Publicar involucra cargar (subir) su sitio Web a su host remoto, incluyendo los elementos extra, como archivos gráficos o de sonido. VCOM provee un servicio de Hospedaje de Web preferido para simplificar la publicación de sitios Web. Haga clic aquí para obtener información sobre el sitio Web de VCOM.. Ver también
Antes de que usted publique
Cómo usar el Asistente de publicación
29
Cómo obtener asistencia
Hay varias maneras en que usted puede obtener asistencia: � Ejecute el tutorial � Despliegue la demostración � Use este manual de Ayuda en línea � Explore a través de las preguntas más frecuentes � Contacte a su centro de soporte � No se olvide de registrar su software VCOM Cómo usar Ayuda en línea
Para abrir este manual de Ayuda:
� Haga clic en Tópicos de ayuda desde el menú Ayuda , o � Presione F1 en su teclado.
Cómo obtener soporte técnico
Para información actual con respecto a soporte técnico, servicio al cliente e información de contacto :
Contacte nuestro Centro de ayuda y soporte técnico por medio de Internet. No se olvide de registrar su software en línea.
Esperamos que disfrute usando nuestro software. Para contactarnos o aprender acerca de otros de nuestros excelentes productos: En América del Norte
En Europa
Avanquest USA Customer Support 7031 Koll Center Pkwy Suite 150 Pleasanton California 94566, USA
Avanquest Software France : www.avanquest.fr Deutschland: www.avanquest.de Italia: www.avanquest.it España: www.avanquest.es
www.v-com.com Visítenos Contacte con nuestro soporte técnico : Por teléfono: 0033 1 56 76 58 09 con el formulario de contacto : www.bvrp.com/spanish_support.htm ¡ Gracias por usar Web Easy !
30
Copyright © 2006 Avanquest Publishing USA, Inc. Todos los derechos reservados. VCOM es una marca registrada y Web Easy es una marca registrada de Avanquest Publishing USA, Inc. Toda otra marca o nombres de producto son marcas registradas de sus respectivos titulares.
Cómo mostrar muestras de sitios Web
Web Easy contiene muestras de sitios Web en las cuales se demuestran algunas de las características avanzadas del programa que está en su explorador de Web. Para ver los ejemplos de sitios Web:
1. Haga clic en Ejemplos de sitios Web desde el menú Ayuda. 2. La página con muestras de sitios Web se abre en su explorador de Web. 3. Haga clic en un tópico en el panel de navegación para ver cada elemento.
32
Preguntas más frecuentes
Antes de contactar a su centro de soporte técnico, vale la pena que usted examine estas preguntas más frecuentes para ver si su problema ya ha sido respondido. Usted encontrará preguntas con respecto a:
� Problemas con diseño de sitio Web � Problemas con fotos y marcos � Problemas con publicación � Problemas con texto � Problemas al ver su sitio Web � Problemas con vínculos
Problemas con vínculos
Haga clic en un problema para ver la solución. Algunos de mis elementos vinculados no son visibles . Algunos de mis vínculos a otros sitios no funcionan . Algunos de mis vínculos a otras partes de mi sitio Web no están funcionando. Yo quiero incrustar una imagen pero la opción de i magen incrustada en el diálogo Vínculo está gris. Yo no puedo oír mi vínculo de audio rollover cuando mi sitio Web DHTML se ve en un explorador Netscape .
Cómo encontrar imágenes
Si al recargar su sitio Web usted no puede encontrar algunas de sus imágenes, las razones pueden ser:
� Usted ha guardado imágenes en un medio desmontable, que ya no está disponible en la unidad de disco. Para arreglar esto, vuelva a colocar el medio con la imagen o copie los archivos a una ubicación segura en su disco duro. Web Easy le dará las instrucciones para encontrarlos y puede hacer esto automáticamente. Alternativamente usted puede explorar hasta llegar a una ubicación conocida.
� Usted puede tener archivos con el mismo nombre pero con diferentes extensiones, tales como photo1.bmp y photo1.jpg. Web Easy no puede resolver automáticamente esta situación ya que el programa no puede decidir cuál de los archivos es el correcto, pero usted puede arreglarla manualmente siguiendo las instrucciones en el cuadro de diálogo que se muestra cuando Web Easy encuentra esta dificultad.
� Usted ha transladado su sitio Web desde una versión anterior de Web Easy.
Cómo encontrar archivos faltantes
Problemas con fotos y marcos
Haga clic en un problema para ver la solución. Mi marco no encaja con mi foto. Mis fotos retrato se presentan en modo paisaje. Cuando yo agregué un marco ovalado a mi foto, no en cajó. Cuando yo eliminé mi marco, mi foto desapareció tam bién.
Problemas de diseño
33
Haga clic en un problema para ver la solución. Un elemento en mi sitio Web está oculto detrás de o tro
Problemas con el texto
Haga clic en un problema para ver la solución. No puedo ver todo mi texto completo. Mi texto se ha convertido en imagen.
Problemas al ver su sitio
Haga clic en un problema para ver la solución. No puedo ver todo mi documento. Cuando veo mi sitio Web en un explorador de Web, é ste no se muestra correctamente. Cuando veo mi sitio Web en un explorador de Web mis vínculos de texto aparecen como vínculos visitados. Cuando veo mi sitio Web en otro explorador de Web, tiene un aspecto diferente.
¿Por qué Microsoft Office instala un componente cua ndo yo estoy usando Web Easy?
Es posible que usted vea un cuadro de diálogo informándole que Microsoft Office 2000 se está configurando (ver más abajo.).
Esto puede ocurrir si usted ya ha instalado Office 2000 o Outlook 2000 y no ha usado algunas de las características HTML del sistema, que se actualizan con esta instalación. Si recibe este mensaje debe seguir las instrucciones en la pantalla e instalar el componente requerido.
Problemas de publicación
Haga clic en un problema para ver la solución. El Asistente de publicación dice que los archivos r equeridos han sido eliminados de mi archivo local. No hay suficiente espacio de disco en mi host remot o para publicar mi sitio Web.
35
Acerca del Tutorial
Aprenda las actividades más importantes usando el Tutorial de Web Easy. Simplemente haga clic en un botón para elegir una actividad y ver cómo se hace. El Tutorial le guía paso a paso a través de la actividad. Usted puede usar el Tutorial para ver cómo:
� Aprender acerca del programa a través de la presentación multimedia y las demostraciones
� Diseñar un sitio Web � Publicar un sitio Web. � Crear un sitio Web con navegación � Crear una presentación � Crear una presentación de diapositivas � Usar las herramientas de Web Easy y los Asistentes � Crear un componente animado GIF � Crear un componente de imagen � Incrustar un contador � Crear formas interactivas � Agregar un componente de vínculo dinámico � Aplicar efectos de foto . � Organizar elementos � Crear una imagen rollover � Animar elementos � Aplicar efectos dinámicos HTML � Crear sus propias plantillas � Crear escenas � Agregar "De compras por Internet" � Y más...
Cómo usar el Tutorial
Cómo usar el Tutorial
Usar el Tutorial es fácil, -todo lo que debe hacer es elegir un tópico y luego hacer clic en cada uno de los pasos siguiendo su numeración. Por ejemplo:
1. Hacer clic en el menú Ayuda o en al final del extremo derecho de la barra de herramientas.
2. Seleccionar Tutorial interactivo para comenzar el Tutorial. 3. Una lista de iconos aparece a la izquierda de la ventana del Tutorial . Haga clic en
para desplazar hacia abajo y ver más íconos. 4. Haga clic en un ícono para mostrar una página del Tutorial, por ejemplo, Rollover . 5. Aparece el tópico de cómo hacer un botón manual de rollover. Una lista de números
aparece en el lado izquierdo de la ventana del Tutorial. 6. Haga clic en el primer número para completar el primer paso. 7. Cuando haya completado un paso, un signo de visto bueno aparece sobre el número -
. 8. Continúe con los pasos hasta que haya completado la actividad.
9. Cuando haya completado la actividad, haga clic en Ir Atrás para volver a la página principal del Tutorial.
38
Cómo entender la interfaz
La interfaz de Web Easy está basada en la barra de tareas, la barra de herramientas y los menús. La barra de tareas aparece en el lado izquierdo de la pantalla y la barra de herramientas y la barra de menús aparecen a lo largo de la parte superior.
� De acuerdo a lo que necesite, cambie la barra de tareas que se muestra al hacer clic en los botones Web Easy - Portada , y Editar .
� Cambie la barra de herramientas a mostrarse haciendo clic en los botones de la barra de tareas.
� Ejecute tareas haciendo clic en los íconos de la barra de herramientas o seleccionando los comandos del menú.
La interfaz Web Easy se maneja por medio de íconos, para una navegación fácil. Vea la ilustración debajo para identificar las diferentes funciones. Botones Web Easy
Hay dos botones grises Web Easy en el panel de la izquierda (Portada y Editar ).Cada botón Web Easy muestra una barra de tareas. Haga clic en un botón Web Easy para mostrar una barra de tareas. Barras de tareas
Hay dos barras de tareas. Cada botón de barra de tareas o muestra una barra de herramientas o muestra un cuadro de diálogo. Haga clic en un botón de la barra de tareas para ver la barra de herramientas o para abrir el diálogo. Barras de herramientas
Cada barra de herramientas contiene un número de íconos de herramientas. Cada ícono ejecuta una acción. .Haga clic en un ícono para ejecutar la acción. Menús
Casi todos los botones en las barras de herramientas tienen un comando equivalente en un menú. Ejecute cada acción seleccionado un comando del menú.
Haga clic en las áreas diferentes de la ilustración para identificar distintas partes de la interfaz.
Cómo usar las herramientas en las barras de herrami entas
39
Haga clic en un ícono de barra de herramientas para ejecutar una acción. Al lado de algunos íconos de la barra de herramientas hay un pequeño triángulo que apunta hacia abajo . Haga clic en el triángulo para mostrar más opciones para la herramienta. Usted puede entonces hacer clic en una de las opciones para seleccionarla. Vea, por ejemplo, Cómo dibujar cuadrados y rectángulos. Para obtener una herramienta, siga estos tres pasos :
1. Haga clic en un botón de Web Easy para mostrar una barra de herramientas. 2. Haga clic en la barra de tareas para mostrar la barra de herramientas que se relaciona
con ésta. 3. Haga clic en la herramienta en la barra de herramientas.
Por ejemplo, para añadir una página nueva a su documento:
1. Haga clic en para mostrar la barra de tareas de Editar .
2. Haga clic en Página para mostrar la barra de herramientas de Editar página . 3. Haga clic en barra de herramientas.
Consejo: Usted puede también ejecutar la misma acción usando los comandos del menú, por ejemplo, al hacer clic en Página desde el menú Insertar .
Cómo usar los menús
Una alternativa, en vez de usar los botones de la barra de herramientas, es la de seleccionar comandos a partir de los menús. Haga clic en el título de un menú para desplegarlo y luego haga clic en un comando del menú para ejecutar una tarea.
� Los elementos que se muestran en gris en el menú son aquellos que no están disponibles en el momento.
� Si un comando está seguido por una elipsis (...), elija ésta para mostrar un cuadro de diálogo.
� Si un comando está seguido por una flecha, elíja ésta para desplegar una lista de comandos posteriores.
La mayoría de los menús muestran los mismos comandos, sea cual sea la barra de herramientas que se esté mostrando en el momento. El único menú que varía es el menú Modificar , el cual cambia de acuerdo con la clase de elemento que se selecciona en el momento.
� Si no se selecciona nada - el menú Modificar muestra comandos de Modificar página. � Si se selecciona una foto -el menú Modificar muestra comandos de Modificar foto. � Si se selecciona una forma - el menú Modificar muestra comandos de Modificar
forma. � Si se selecciona un texto - el menú Modificar muestra comandos de Modificar texto.
Nota: Si usted prefiere que el menú Modificar no cambie de acuerdo al elemento seleccionado, usted puede cambiar esto ajustando las Opciones. Seleccione Opciones del menú Herramientas, haga clic en la ficha General y desactive ‘Use barra de tareas de selección sensitiva’.
Acerca de los Asistentes
40
Los Asistentes están diseñados para ayudarle a que empiece su proyecto rápidamente. Lo guían paso a paso a través de una actividad. Usted puede usar a los Asistentes para que le ayuden en:
Diseñar sitios Web
Publicar sitios Web
Agregar texto ya preparado
Buscar archivos
Ver un mapa de sitio de vínculos
42
Cómo usar el Centro de Actividad
El Centro de Actividad es el camino fácil para empezar a usar Web Easy. Desde aquí usted puede:
� Crear y construir un sitio Web con el Asistente de sitio Web. � Abrir un documento existente, para continuar trabajando en él. � Abrir un documento nuevo, usando una plantilla de diseño. � Ejecutar el tutorial. � Publicar su sitio Web con el Asistente de publicación. � Abrir el documento más reciente.
Nota: El Centro de Actividad ofrece una mirada rápida a algunas de las cosas que usted puede hacer con Web Easy. Sin embargo hay muchas otras actividades que no aparecen en el Centro de Actividad Ver también
Cómo mostrar el Centro de Actividad
Cómo mostrar el Centro de Actividad al inicio
El Centro de Actividad se abre en forma predeterminada cuando usted inicia Web Easy. Aún si el Centro de Actividad ha sido quitado del inicio, usted puede mostrarlo en todo momento. Para mostrar el Centro de Actividad:
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Actividad . Indicación: Si selecciona Centro de Actividad del menú Herramientas obtendrá el mismo resultado. Ver también
Cómo agregar o quitar el Centro de Actividad desde el Inicio
Cómo agregar o quitar el Centro de Actividad desde el Inicio
El Centro de Actividad se abre en forma predeterminada cuando usted inicia Web Easy. Para quitar el Centro de Actividad desde el Inicio:
Haga clic en la checkbox ‘Mostrar al inicio’ para borrar el comando. Para retornar el Centro de Actividad al inicio:
Haga clic en la checkbox ‘Mostrar al inicio’ otra vez, de manera que esté activada.
44
Guía para un comienzo rápido
Esta guía para un comienzo rápido está diseñada para que usted pueda empezar a producir su primer sitio Web. La creación de un sitio Web comprende tres grandes etapas: diseño. construcción y publicación. Esta sección lo guiará a través de cada una de ellas.
Primero, diseñar un documento. Segundo, construirlo dentro de un sitio Web. Tercero, publicarlo en la Web.
Cómo hago para:
Diseñar mi primer documento
Construirlo dentro de un sitio Web
Publicarlo en mi sitio Web
46
Cómo diseñar su primer documento
La forma más rápida de comenzar a diseñar su primer documento es usar el Asistente de sitio Web. El Asistente le guía a través del proceso, paso a paso. Paso 1 - Abrir el Asistente de sitio Web
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Sitio Web . El Asistente de sitio Web se abre. 4. Haga clic en Siguiente .
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de la plantilla de diseño le ofrece una elección de plantillas. 2. Haga clic en las fichas de Familia y Personal para traer la lista de plantillas
personales hacia el frente. 3. Haga clic en Acerca de mí . Usted puede ver miniaturas de páginas de plantillas de
diseño al hacer clic en la checkbox de Vista previa. 4. Haga clic en Siguiente .
Paso 3 -Ponga un nombre a su documento y elija dón de lo va a almacenar
1. Elimine el nombre "Acerca de_mí" que aparece en el campo ‘Nombre’ y escriba un nombre nuevo para su documento en ese lugar.
2. Elija una carpeta en su ordenador en el cual almacenar su documento. Usted puede: � Escribir la ruta de acceso a la carpeta. Por ejemplo, C:\Web documentos, o
� Hacer clic en para explorar buscando la carpeta justa. 3. Hacer clic en Siguiente .
Paso 4 - Recolectar las fotos para el documento
1. Haga clic en para explorar y encontrar la carpeta donde se almacenan sus fotos. Asegúrese de seleccionar los Archivos de Imagen cerca de Tipo de archivos en el diálogo explorar.
2. Haga clic en la carpeta que contiene las fotos y luego en Abrir . 3. Seleccione las fotos para su documento. Usted puede ver una vista previa de cada foto
en la parte izquierda del diálogo Collect photos y una vista previa del documento en el lado derecho.
4. Cargue fotos individuales en los porta espacios haciendo clic en el nombre de una foto
y . O en caso contrario, cargue todas las fotos de una sola vez haciendo clic en
. 5. Haga clic en Siguiente .
Paso 5 - Agregar los últimos toques
1. Si usted hace clic en la checkbox ‘Generar página Web ahora ' , Web Easy construirá su documento en un sitio Web . La mayoría de la gente no quiere construir en esta etapa porque quieren insertar primero sus propios textos y agregar sus últimos toques.
2. Haga clic en la checkbox ‘Ejecutar página Web ahora’ si quiere mostrar el sitio Web construído en su explorador de Web .
3. Haga clic en Finalizar para cerrar el Asistente de sitio the Web. Su documento se muestra ahora en el espacio de trabajo de Web Easy y usted puede modificarlo.
47
4. Haga doble clic en un cuadro de texto y comience a escribir para reemplazar el texto existente con uno suyo propio.
Paso 6 - Guardar
1. Haga clic en para mostrar la barra de tareas Portada .
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar
3. Haga clic en Guardar para guardar los cambios hechos a su documento Web . ¡Felicitaciones! Acaba de crear su primer documento. Nota: Si usted no seleccionó la checkbox ‘Generar página Web ahora’; su sitio Web todavía está en la forma de un documento. Todavía necesita completar las próximas dos etapas - construirlo dentro de un sitio Web y publicarlo en la Web. Ver también
Cómo construir su primer sitio Web
Cómo publicar su primer sitio Web
Cómo construir su primer sitio Web
La próxima etapa es construir su documento en un sitio Web. Construir un documento es el proceso de convertirlo en un sitio Web . Mientras esté todavía en la forma de un documento, usted no puede publicarlo en la Web. Construir un documento significa convertirlo en archivos de HTML, DHTML, XHML, XML y/o CSS y crear un archivo paquete de sitio Web (extensión.txt ) para determinar cuáles archivos deben transferirse al servidor remoto. Para construir su documento en un sitio Web:
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Construir para mostrar la barra de tareas de Construir.
3. Haga clic en Sitio Web . Se muestra el diálogo Construir como un sitio Web (HTML) de Internet
4. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web. El
paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para localizar una nueva carpeta si lo desea.
5. En el campo de ’Nombre del paquete’, cambie el nombre del paquete de sitio Web si lo desea. El nombre predeterminado se genera automáticamente desde el nombre de archivo de su documento.
6. Seleccione el Intervalo de salida : � Página actual para crear un sitio Web que involucra sólo a la página actual, o � Todas las páginas para crear un sitio Web que involucre a todas las páginas de su
documento. 1. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web. 2. Haga clic en Aceptar .
Para una información más detallada acerca de cómo construir sitios Web, consulte Cómo
48
construir un sitio Web..
Cómo publicar su primer sitio Web
Este es el tercer paso: publicar su sitio Web usando el Asistente de publicación. Paso 1 - Antes de publicar
1. Asegúrese de haber construído su documento como un sitio Web. 2. Asegúrese de haberse puesto en contacto con su ISP y de haber recibido de ellos los
detalles para su conexión 3. Conéctese a Internet.
Paso 2 - Abra el Asistente de publicación
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Publicar para iniciar el Asistente de publicación. 3. Haga clic en Siguiente . El Asistente de publicación muestra la pantalla Conectar.
Haga clic en Conectar para mostrar el diálogo Conectar. Paso 3 - Conecte con su host remoto
1. Puede elegir dos métodos para conectar: � Elija un perfil de conexión, o � Escriba sus detalles de conexión. 2. Si usted está publicando una Portada, o Página principal, asegúrese de escribir el
nombre correcto de Página primaria para el sitio. Asegúrese de escribir correctamente la ruta de acceso inicial local , para que el Asistente de publicación pueda encontrar fácilmente su paquete Web.
3. Haga clic en Aceptar . Se establece la conexión y la pantalla Conectar vuelve a mostrarse. Esto puede llevar unos momentos.
Paso 4 - Seleccione el paquete a publicarse 1. Una vez que se ha conectado, se muestra la pantalla Seleccionar. 2. Seleccione un paquete Web Easy para transferir. Si su paquete no aparece en el
cuadro de lista de paquetes de sitio Web, haga clic en para explorar en su ordenador, ubicarlo y hacer clic en Abrir para mostrarlo en el cuadro de lista.
3. Después de seleccionar el paquete, usted verá, en el lado derecho de la pantalla Seleccionar, una vista previa de los archivos incluídos en él
Paso 5 - Verifique las configuraciones de la transf erencia 1. Hacer clic en Siguiente para mostrar la pantalla de Transferencia de configuraciones. 2. Verificar las configuraciones, y cambiarlas si es necesario.
Paso 6 - Transfiera el paquete al host remoto 1. Haga clic en Siguiente para comenzar la transferencia. Si usted deja que Web Easy
administre su sitio Web y en el sitio remoto se encuentran archivos que no se requieren para el paquete actual, usted verá la pantalla Limpiar el sitio seleccionado.
2. Cuando la transferencia se ha completado, se muestra la pantalla Felicitaciones . 3. Usted puede elegir mostrar "Publicar Informe" haciendo clic en la checkbox Ver
publicar informe ahora . Para ver su sitio Web, haga clic en la checkbox Ver sitio ahora y rellene la información. Cuando usted haga clic en Terminar , el Asistente de publicación se cerrará y el sitio Web se abrirá en su explorador de Web.
4. Haga clic en Terminar . Paso 7 - Vea su sitio Web remoto
1. Si usted ha elegido ver el "Publicar informe" o el sitio Web, de ambas formas éste aparece en su explorador de Web.
51
Acerca de los sitios Web
Los sitios Web adquieren su formato al usar comandos en lenguaje de formato de hipertexto ( HyperText Markup Language = HTML). Un sitio Web típico consiste de un número de páginas Web, cada una de las cuales contiene texto e imágenes. Algunos sitios contienen archivos de información, shareware, sonidos y películas. Las páginas Web generalmente contienen vínculos a otras páginas dentro del mismo sitio, como así también vínculos a otros sitios Web en la Internet. Algunos sitios Web son la propiedad de instituciones educacionales, comerciales y gubernamentales y algunos son creados por sectores individuales privados. Muchos sitios Web tienen una página principal, conocida como Inicio, Portada, Portal o Página Principal, la cual contiene vínculos a todas las páginas en el sitio. La creación de un sitio Web comprende tres grandes etapas: diseño. construcción y publicación.
1. Primero, diseñar un documento. 2. Segundo, construirlo dentro de un sitio Web. 3. Tercero, publicarlo en la Web.
Ver también
Diseñar mi primer documento
Indicaciones para diseño HTML
Cómo crear un nuevo documento
Cómo crear un nuevo documento con el Asistente de sitio Web
Cómo diseñar una Página principal
La página principal es la primera página que los visitantes ven al entrar en su sitio. Una página principal típica funciona como una introducción al sitio Web. Generalmente incluye un texto breve para dar la bienvenida a las personas que llegan al sitio e información acerca de lo que puede encontrarse en él. La página principal contiene usualmente vínculos a todas las páginas en el sitio. Estos vínculos tienen frecuentemente la forma de botones. Web Easy provee una colección extensa, o galería, de imágenes de prediseñadas (clipart), incluyendo un gran número de botones..
Por ejemplo, . La primera página de cada plantilla documento recibe la designación de página principal. Si usted no está usando una plantilla, debe dar el nombre de página principal a la primera página de su documento.
Indicaciones para diseño HTML
� Diseñe la primera página de su documento como la página principal, incluyendo una introducción al sitio Web y vínculos a otras páginas.
� Asegúrese de que sus páginas no estén abarrotadas. Es mejor tener menos elementos sobre la página, organizados en forma atractiva, que tener una página superpoblada.
� Trate de mantener sus gráficos en tamaño pequeño. Si son demasiado grandes, mostrarlos le llevará demasiado tiempo.
� Asegúrese de que sus textos tengan suficiente espacio alrededor de ellos agrandando los cuadros de texto. Si su sitio Web es mostrado por un explorador de Web que usa
52
fuentes grandes, cualquier texto que no encaje en el cuadro de texto puede estar oculto. Si usted mantiene espacio ' desocupado' en los cuadros de texto, puede prevenir esto.
� Si usted agrega funciones como animación y transiciones, recuerde de construir el documento dentro de un sitio Web de escenas dinámicas (DHTML). Estas funciones no pueden ejecutarse en un sitio Web HTML ordinario.
� Si usted agrega algunos estilos a su sitio, necesitará construir con CSS (hojas con estilo en cascada). Estas características no funcionarán con HTML simple con sitios Web de escena dinámica.
Optimización de motores de búsqueda (Search Engine Optimization :SEO)
Hay cosas que usted puede hacer para optimizar la habilidad de los motores de búsqueda para que encuentren su sitio Web y para que suministren buenos resultados para las consultas que se les hace. Algunas de estas cosas no tienen ninguna relación con la construcción del sitio Web, pero hay otras que usted puede hacer mientras construye su sitio para facilitarles a los motores de búsqueda que lo encuentren. El principio general que debe seguirse es que "el contenido es rey". Esto significa que usted debería concentrarse en el contenido de su sitio Web para que atraiga a visitantes que ganarán información relevante acerca del tópico de interés que usted presenta en sus páginas Web. Generalmente, si usted hace esto, a los motores de búsqueda les gustará su sitio Web. La práctica general que debe seguirse es:
� Escribir texto bueno, de calidad para sus páginas Web sobre los tópicos y palabras claves con los que usted trata de atraer a los visitantes y los motores de búsqueda. Generalmente, cuanto más texto de contenido mejor es, pero recuerde de no exagerar esto demasiado porque puede distraer a los visitantes de su sitio Web.
� Use palabras clave frecuentemente en su contenido textual así la densidad de palabra clave en una página es alta . No se exceda en esto.
� Use palabras clave en sus titulares. No se exceda en esto. � Use palabras clave en texto en negrita o cursiva. No se exceda en esto. � Rellene los datos de título, autor, descripción y palabras clave para cada página en sus
sitio Web . Vea Opciones avanzadas de construcción para sitios CSS � Rellene el texto alternativo y título Html (Title and Alternative Text :ALT) para todas los
elementos de imágenes y campos de formularios en todas las páginas Web para que el contenido visual tenga una representación visual.
� Rellene la etiqueta de Personalización en los elementos de texto cuando ésta puede reflejar mejor el sentido del texto, por ejemplo: titulares (1..6), Código o Dirección.
� Cree un mapa del sitio para su sitio Web para que todas las páginas que están vinculadas puedan ser encontradas por un motor de búsqueda. Agregue un vínculo al mapa de sitio en su página principal de sitio Web, para que todas las páginas puedan ser encontradas por un motor de búsqueda
� Asegúrese de que los elementos de texto no se superpongan con otros elementos sobre la página. Cuando se construye con HTML simple, los elementos de texto pueden ser transformados en imágenes si se superponen con otros elementos.
� Pida/intercambie vínculos con otros sitios Web en Internet para con su sitio Web para que su sitio se vuelva más popular y mejor conocido.
� Envíe su sitio Web a tantos motores de búsqueda y directorios como pueda. por
53
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.
55
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
57
Cómo abrir un documento
Usted puede guardar documentos y abrirlos más tarde nuevamente. Para abrir un documento:
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Abrir para abrir un documento. 4. Un diálogo Explorar aparece, permitiéndole explorar para encontrar el documento. 5. Haga clic en el nombre del documento que quiere abrir. 6. Haga clic en Abrir.
Sugerencia: Si hace clic en Abrir desde el menú Archivo logrará el mismo resultado.
Cómo abrir un documento reciente
Si usted desea continuar trabajando en un documento que usó recientemente, use este acceso rápido. Para abrir un documento modificado recientemente:
1. Haga clic en el menú Archivo . 2. Haga clic en Reciente . 3. Aparece una lista desplegable de documentos abiertos recientemente. 4. Haga clic en el nombre de un documento para abrirlo.
Cómo cerrar un documento
Para cerrar un documento:
� Desde el menú Archivo, haga clic en Cerrar .
Cómo realizar vista previa antes de construir
Muchos de los efectos que usted aplica a su documento sólo serán visibles luego de que el documento haya sido construido en un sitio Web o sitio Web dinámico. Para poder poner a prueba rápidamente esos efectos, usted puede ver una vista previa . Cuando usted ve una vista previa, usted está creando un sitio Web temporario . No es un sustituto para la construcción de la página, y esto que debe ser hecho antes de que usted pueda publicar su sitio Web en Internet. Para ver una vista previa:
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Construir para mostrar la barra de tareas de Construir .
3. Haga clic en Vista Previa (o el ícono de su navegador de Internet predeterminado) para mostrar el diálogo de Vista Previa.
4. Haga clic en para alternar entre hacer la vista previa de ‘Todas las páginas’ y la ‘Página actual’.
5. El tipo de vista previa (HTML estándar , HTML dinámico o basado en CSS) depende
58
del contenido del documento. Si su sitio contiene funciones especiales de DHTML tales como imágenes o texto animados, entonces la vista previa del sitio Web dinámico debe ser seleccionada. Si su sitio contiene estilos especiales como bordes o márgenes interiores, entonces un sitio con CSS debería ser construído.
Sitio Web Estándar de Internet -realiza la vista previa de un sitio Web común. Sitio Web con escenas dinámicas -realiza la vista previa de un sitio Web dinámico con características especiales DHTML. Sitio Web HTML con CSS - hace la vista previa de un sitio Web usando HTML y coloca todo tipo de información en archivos CSS separados. Sitio Web XHTML con CSS hace la vista previa de un sitio Web construída usando XHTML y ubica todo tipo de información en archivos separados CSS
1. Haga clic en para abrir el diálogo de Opciones a los efectos de asignar colores de vínculo, rango de salida de página, o cambiar de HTML Estándar a HTML dinámico o a HTML/XHTML con salida CSS.
2. Opciones avanzadas le permite asignar el nombre de un autor, mostrar palabras clave (usadas por motores de búsqueda) y establecer la profundidad de la paleta (número de colores) para su vista previa.
3. El diálogo de estilo de sitio Web le permite asignar otras opciones de navegación y presentación, lo cual incluye números, iconos o un marco separado en la última página. Use uno de los estilos centrados para hacer la vista previa de su documento Web como una presentación de pantalla completa o de diapositivas.
Vea también
Cómo personalizar la lista de exploradores de Web en el menú Vista previa
Cómo imprimir su documento
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede imprimir su documento entero o sólo páginas seleccionadas, pero tenga presente de que puede estar imprimiendo un archivo muy largo, el cual puede llevar un cierto tiempo. Para imprimir:
Desde el menú Archivo , elija Imprimir y complete el diálogo de Imprimir de Windows como sea requerido.
Vista previa antes de imprimir
Vista previa de impresión le permite ver su documento en la pantalla antes de imprimir. Para ver una vista previa de impresión:
1. Desde el menú Archivo, elija Vista previa de impresión. Las barras de herramientas estándar de Web Easy son suprimidas y reemplazadas con la barra de herramientas de Vista previa de impresión
2. Haga clic en página Siguiente y Anterior y en los botones Acercar y Alejar para moverse a través de su documento.
3. Haga clic en el botón Cerrar para volver a la pantalla de Web Easy.
60
Cómo diseñar un documento
Hay tres formas de diseñar un documento nuevo en Web Easy: � Abrir un documento en blanco y crear su propio diseño desde el comienzo. Web Easy
le ofrece una elección de proyectos vacíos con páginas ya establecidas y en distintos tamaños. Por ejemplo, un sitio Web de seis páginas en pantalla. Agregue sus propias imágenes y textos al documento.
� Diseñe un documento usando una de las plantillas de diseño profesionalmente diseñadas por Web Easy Reemplace las imágenes y los textos con los suyos propios y agregue más elementos si así lo desea.
� Use el Asistente de sitio Web , el cual lo llevará paso por paso a través de las etapas de diseñar un documento Web. Siga las instrucciones en su pantalla.
Yo quiero:
Abrir un nuevo documento en blanco
Diseñar un documento desde una plantilla de diseño
Diseñar un documento usando el Asistente de sitio Web
Cómo crear un documento en blanco
Le permite crear un nuevo documento en blanco, ya sea como texto sin formato o desde una plantilla de diseño.
Cómo diseñar su documento
Si usted prefiere crear su propio diseño desde el comienzo, abra un documento en blanco y agregue sus propios diseños. Aún si comienza el documento usando una plantilla, usted siempre puede cambiar las cosas y agregar sus propios elementos. Para diseñar su propio documento:
1. Abra un nuevo documento en blanco.
¿Cómo? 1. Agregar las imágenes a cada página.
¿Cómo? 2. Escriba su propio texto.
¿Cómo? 3. O agregue texto desde el Asistente de texto.
¿Cómo? 4. Cambiar el fondo de la página.
¿Cómo? 5. Agregar páginas nuevas al documento.
¿Cómo? 6. Guardar el documento.
¿Cómo? Cuando el diseño del documento esté completo, puede pasar al siguiente paso: Construir su documento en una página Web.
Cómo trabajar con plantillas de diseño
Las plantillas de diseño son documentos prediseñados que usted puede usar como la base
61
para su documento. Diseñadas por artistas gráficos, ellas convierten la tarea de crear un documento de aspecto profesional en algo fácil y rápido. Las plantillas de diseño incluyen fondos prediseñados, títulos, imágenes, botones con vínculos y mucho más. Una vez que usted ha creado su documento, usted puede reemplazar fácilmente cualquiera de esos elementos por uno de los suyos. Yo quiero:
Crear un documento nuevo basado en una plantilla de diseño
Crear un documento nuevo basado en una plantilla de diseño usando el Asistente de sitio Web
Reemplazar los portaespacios con mis propias fotos
Cómo diseñar y abrir un documento
Diseñar un documento de aspecto profesional es fácil con las plantillas de diseño de Web Easy. Elija una plantilla que le convenga a su estilo, luego reemplace los porta espacios con sus propias fotos y escriba sus propios textos. Paso 1 - Abrir un nuevo documento
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en En blanco para abrir un nuevo documento. 4. El nuevo diálogo de documento aparece.
Consejo: Haciendo clic en Documento nuevo/En blanco desde el menú de Archivo alcanza el mismo resultado.
Paso 2 - Elegir una plantilla
1. Haga clic en una ficha de la plantilla en el dialogo de Documento nuevo para traer un juego de plantillas al frente. Por ejemplo, Clubes y organizaciones .
2. Haga clic en un nombre de plantilla. Una vista previa de esa plantilla se muestra en el lado derecho del diálogo de la ventana. Si la plantilla tiene varias páginas, usted necesitará desplazar hacia abajo para ver todas las páginas que entran en la vista previa. La información acerca del número de páginas y fotos en la plantilla también se muestra.
3. Explore las diferentes plantillas hasta que usted encuentre la que necesita. 4. Haga clic en OK. El documento se abre en el espacio de trabajo de Web Easy y usted
puede editarlo. Paso 3 - Editar el documento
1. Reemplace las fotos en los portaespacios con sus propias fotos.
¿Cómo? 2. Reemplace los textos con su propio texto
¿Cómo? 3. Cambie el fondo de la página si lo desea.
¿Cómo?
4. Haga clic en Guardar para guardar su documento. Cuando el documento esté completo, pase a la etapa Construir , construyendo el sitio entero dentro de un sitio Web o un sitio Web dinámico.
62
Cómo usar el Asistente de sitio Web
La forma más rápida de comenzar a crear un documento es usar el Asistente de sitio Web. El Asistente le guía a través de los pasos requeridos para diseñar su documento. Paso 1 - Abra el Asistente de sitio Web
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Sitio Web . Aparece el Asistente de sitio Web . 3. Haga clic en Siguiente
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de plantillas le ofrece plantillas para elegir. Haga clic en una ficha para traer una lista de tipos de plantilla al frente.
2. Haga clic en el nombre de una plantilla, luego use las flechas de navegación "Primera/Anterior/Siguiente/Última" para seleccionar una de las variedades ofrecidas. Algunos de los tipos de plantilla tienen más variedades que otras.
3. Automáticamente se ofrece una vista previa de la selección. 4. Haga clic en Siguiente .
Paso 3 - Elija una carpeta de destino y un nombre d e archivo para su documento
1. Elimine el nombre que aparece en el campo ‘Nombre’ y escriba un nombre nuevo para su documento en su lugar.
2. Elija una carpeta en su computadora en la cual almacenar su documento. Usted puede: � Escribir la ruta de acceso en el campo de la ‘Carpeta‘, o
� Hacer clic en para explorar hasta la carpeta correcta. 3. Haga clic en Siguiente . 4. Algunas plantillas requieren que usted escriba la información. Escriba la información y
haga clic en Siguiente . Paso 4 - Seleccione y agregue las fotos a su sitio Web
1. Haga clic en para explorar hasta encontrar la carpeta donde se almacenan sus fotos.
2. Seleccione la carpeta y haga clic en ACEPTAR . 3. Cargue las fotos individualmente en los portaespacios haciendo clic en el nombre de
una foto .. O en caso contrario, cargue todas las fotos a la vez haciendo clic en
. 4. Haga clic en Siguiente .
Nota: Paso 4.puede no estar disponible cuando no hay portaespacios de imagen en la plantilla de diseño seleccionada.
Paso 5 - Escriba el texto para los elementos comun es.
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
63
construirá su documento en un sitio Web. 2. Verifique la check box ‘Vista previa de sitio Web ahora’ si usted desea ver el sitio Web
construido en su explorador de Web. 3. Haga clic en Finalizar para cerrar el Asistente de sitio Web. Su documento se muestra
en el espacio de trabajo de Web Easy y usted puede modificarlo. 4. Haga doble clic en un cuadro de texto y comience a escribir para reemplazar el texto
existente con el suyo propio. Paso 7 - Guarde
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Guardar para guardar su documento.
Cómo diseñar un sitio Web dinámico
Para diseñar un sitio Web dinámico, diseñe un documento en la misma forma en que lo hace para un sitio Web común.
¿Cómo? Sin embargo, usted puede agregar características dinámicas especiales que sólo pueden mostrarse en un sitio Web dinámico. Estas características no pueden ser añadidas con el Asistente de sitio Web. Cree su documento básico primero, luego agregue las características dinámicas especiales.
Cómo diseñar un sitio Web dinámico Para diseñar un sitio Web dinámico, diseñe un documento en la misma forma en que lo hace para un sitio Web común.
¿Cómo? Sin embargo, usted puede agregar características dinámicas especiales que sólo pueden mostrarse en un sitio Web dinámico. Estas características no pueden ser añadidas con el Asistente de sitio Web. Cree su documento básico primero, luego agregue las características dinámicas especiales.
Más acerca de sitios Web dinámicos.
Para importar un sitio Web
Para importar un sitio Web es necesario convertir los archivos HTML existentes al formato interno usado por Web Easy. Este procedimiento identificará automáticamente los elementos básicos del sitio, tales como estructura del sitio, vínculos, texto e imágenes y creará un sitio Web nuevo incluyendo todas las páginas necesarias y los elementos reconocidos en cada página. Sugerencia: Por favor note que en ciertas circunstancias Web Easy no podrá importar todos los elementos y atributos de los archivos HTML existentes. Sin embargo, usted debería poder importar y restaurar todos los elementos de su texto e imagen, como así también la posición de estos elementos. Para importar un sitio Web HTML:
1. Haga clic en para mostrar la barra de tareas de Portada
64
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Crear un nuevo documento en blanco . El diálogo de Nuevo Documento se muestra.
4. Haga clic en el botón Importar . Se muestra el diálogo de Importar sitio Web . 5. Elija el archivo HTML, el cual debería ser la página principal del sitio Web y haga clic
en el botón Abrir. 6. Espere hasta que el proceso de conversión sea completo. 7. Un nuevo diseño de documento de sitio Web se crea en la memoria.
Sugerencia: Todas las imágenes en las páginas de diseño están vinculadas directamente a las carpetas originales de sitio Web HTML. Se recomienda siempre guardar el resultado final en una carpeta separada como una copia de seguridad en almacenamiento, adonde se copiarán todas las imágenes necesarias para usos futuros. Ver también
Para importar una página Web
Cómo guardar como copia de seguridad en almacenamiento.
66
Cómo guardar un documento
Recuerde de guardar sus cambios con frecuencia. Para guardar un documento:
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Guardar para guardar su documento. 4. Si usted está guardando un documento por la primera vez, el diálogo Guardar aparece. 5. Escriba un nuevo nombre para su documento en el campo ‘Nombre de archivo’ . 6. Explore hasta la carpeta donde quiere almacenar el documento. 7. Haga clic en Guardar .
Nota:
Después de que usted haya guardado el documento la primera vez, al hacer clic en se guardan todos los cambios que usted hace. Esto se ejecuta sin mostrar ningún diálogo. Consejo: Haciendo clic en Guardar desde el menú Archivo produce el mismo resultado.
Cómo guardar un documento con un nuevo nombre
Usted puede guardar una segunda copia de su documento al guardarlo con un nuevo nombre. Para guardar con un nuevo nombre:
1. Desde el menú Archivo haga clic en Guardar como y Documento . 2. El diálogo Guardar Como aparece. 3. Escriba un nombre nuevo para su documento en el campo ‘Nombre de Archivo’. 4. Explore hasta la carpeta donde quiere almacenar su documento. 5. Haga clic en Guardar.
Ver también
Cómo guardar un documento como una plantilla de diseño
Cómo guardar como copia de seguridad en almacenamiento.
Opciones de guardado
Cuando usted guarda un documento, usted puede decidir de guardarlo como uno de estos tres tipos de archivo:
� Un documento. � Una plantilla de diseño - crear una plantilla personal que usted puede usar para diseñar
documentos adicionales, en el mismo estilo. � Una copia de seguridad - crear una carpeta de almacenamiento conteniendo su
documento y todos los otros archivos con el cual él se vincula (gráficos, archivos de audio etc.).
Yo quiero:
Guardar un documento como una plantilla de diseño
67
Guardar como copia de seguridad en almacenamiento.
Cómo guardar como una plantilla de diseño
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Al guardar un documento como una plantilla de diseño , usted crea una plantilla personal que usted puede usar para diseñar más documentos del mismo estilo. Por ejemplo, usted diseñó un sitio Web para su negocio. Usted ubicó el logo de la compañía y los detalles de contacto en la página y usó un fondo con los colores de la compañía . Si usted guarda este documento como una plantilla, usted puede usarlo para crear páginas adicionales y esas características se incluirán automáticamente. Para guardar como plantilla de diseño:
1. Desde el menú Archivo seleccione Guardar como y elija Plantilla . 2. El diálogo Guardar aparece, con Plantilla visible en el campo ‘Guarde como tipo’. 3. Escriba un nombre para su plantilla en el campo ‘Nombre de archivo’ . 4. Explore hasta la carpeta en donde usted quiere guardar la plantilla. Asegúrese de que
la guarda en un subdirectorio del directorio de Plantillas de diseño , por ejemplo en la carpeta de Hobbies y eventos .
5. Haga clic en Guardar . Para usar la plantilla:
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en En blanco para abrir un documento en blanco nuevo. 4. El diálogo de Nuevo documento aparece. 5. Haga clic en la ficha representando la carpeta en la cual usted guardó la plantilla. Por
ejemplo, si usted la guardó en la carpeta de Hobbies y eventos, haga clic en la ficha de Hobbies y eventos.
6. Seleccione su plantilla de la lista y haga clic en Aceptar .
Cómo guardar como copia de seguridad en almacenamie nto
%!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 almacen amiento:
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 .
68
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.
70
Cómo mover a otra página
Web Easy incluye botones de navegación para ayudarle a moverse dentro de su documento. Los botones de navegación están localizados en la esquina superior derecha. Para mover a otra página:
� Haga clic en para mover a la página siguiente en el documento.
� Haga clic en para mover a la página anterior en el documento.
� Haga clic en para mostrar una lista de páginas en su documento. Si usted ha dado título a las páginas, estos títulos estarán listados. De otra forma, las páginas aparecen como una lista numerada. Si usted tiene otros documentos abiertos, estos documentos también aparecerán en la lista. Haga clic en un elemento para ir allí.
� Haga clic en Ir a para mostrar el diálogo Ir a diálogo.
Nota:
El icono no mostrará todas las opciones si el documento consiste de una sola página.
Cómo mover a una página específica
El diálogo Ir a le ayuda a moverse a una página específica, ya sea en el documento actual o en uno diferente. La miniatura en la interfaz le facilita identificar la página que usted necesita. Para ir a una página específica en el documento ac tual:
1. Haga clic en la esquina superior derecha de Web Easy y seleccione Ir a.. El diálogo ' Ir a' se abre.
2. El diálogo muestra miniaturas de las páginas en el documento. Si hay muchas páginas, use el control deslizante en forma lateral para ver todas las miniaturas.
3. Elija otra página.: � Escriba un número de página, o � Haga clic en la miniatura. 4. Haga clic en Aceptar para ir a esa página.
Nota: Seleccione Ir a.. del menú Ver / Página también abre el diálogo Ir a . Ver también
Cómo mover a una página específica en un documento diferente.
Cómo mover a una página de un documento diferente
El diálogo Ir a le facilita abrir una página específica en cualquier documento, hasta uno que no está abierto en ese momento. Para ir a una página específica en un documento dif erente:
1. Haga clic en y seleccione Ir a. El diálogo ' Ir a' se abre.
2. Haga clic en para explorar hasta el documento.
71
3. Haga clic en un documento para elegirlo y haga clic en Abrir . 4. El diálogo muestra miniaturas de las páginas en ese documento. 5. Elija una página. � Escriba un número de página o � Haga clic en una miniatura. 6. Haga clic en Aceptar . 7. El documento se abre en Web Easy. El documento que se abrió previamente
permanece abierto en el fondo. Nota: Seleccionando Ir a desde el menú Modificar también abre el diálogo Ir a.. Para usar esta opción, asegúrese de que no hay nada seleccionado,de manera que el menú Modificar muestre los comandos para editar la página.
Cómo usar el Zoom
El botón Zoom le permite magnificar o reducir en una página. Está localizado con los botones de navegación, en la esquina superior derecha de la interfaz de Web Easy.
Haga clic en para mostrar el menú de Zoom . Elija una de las opciones:
� Haga clic en Ajustar para que la página se ajuste a la pantalla. � Haga clic en Normal para ver la página en su tamaño real. � Haga clic en Aumentar para magnificar la página. � Haga clic en Reducir para reducir la magnificación de la página. � Haga clic en Configuración para mostrar el diálogo de configuración del Zoom.
Seleccione una configuración de zoom o escriba una configuración de zoom personalizada en el campo Personalizar . Haga clic en Aceptar .
73
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
75
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 f altantes
Si usted cambia el nombre, elimina o mueve un archivo componente que fue usado en el diseño de su documento (por ejemplo, una foto), la próxima vez que el documento sea abierto, Web Easy no podrá encontrar el archivo. Si la opción de ubicación automática de archivo está activada,cuando un documento se abre y los archivos gráficos están faltando, a usted se le presentará el diálogo Buscar archivo . Para activar la ubicación automática de archivo:
1. Del menú Herramientas , haga clic en Opciones . 2. Haga clic en la ficha Documento . 3. Asegúrese de que la opción ‘Detectar automáticamente los archivos faltantes’ esté
activada. 4. Si Web Easy no puede localizar un archivo componente cuando usted abre un
documento, se muestra el diálogo 'Buscar Archivo'. Ver también
Cómo encontrar archivos faltantes en forma manual
Cómo usar el diálogo ' Buscar archivo'
Cómo encontrar archivos faltantes en forma manual
Si usted cambia el nombre, elimina o mueve un archivo componente que fue usado en el diseño de su documento (por ejemplo, una foto), la próxima vez que el documento sea abierto, Web Easy no podrá encontrar el archivo. Si la opción de ubicación automática de archivo no está activada, cuando un documento se abre y los archivos gráficos están faltando, el documento se abrirá sin los archivos faltantes. Usted podrá buscarlos manualmente desde dentro del documento. Para desactivar la ubicación automática de archivo:
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Avanzado . 3. Asegúrese de que la opción ‘Detectar automáticamente archivos faltantes’ esté
desactivada. 4. Cuando un documento se abre, si los archivos gráficos están faltando, el área
normalmente ocupada por el archivo gráfico está llena de líneas entrecruzadas.
76
5. Haga clic con el botón derecho del ratón en cualquier parte del área de líneas entrecruzadas que se muestra en el lugar del archivo faltante Esto selecciona el elemento con líneas entrecruzadas y muestra un menú desplegable. Elija Acerca del elemento , y seleccione la ruta de acceso visible para el archivo.
6. Se muestra el diálogo Buscar Archivo. Ver también
Cómo hacer que Web Easy pregunte por sus archivos faltantes
Cómo usar el diálogo Buscar archivo
Cómo usar el diálogo Buscar archivo
El diálogo' Buscar archivo' le permite buscar componentes de su documento (por ejemplo, imágenes que usted ha usado en el diseño) que han sido cambiados de nombre o movidos. Si la opción de ubicación automática de archivo está activada,este diálogo aparece cuando usted abre el documento. En caso contrario, usted puede abrirla haciendo clic con el botón derecho del ratón en el área de líneas entrecruzadas que se muestra en lugar del archivo faltante y eligiendo Acerca del elemento . Cómo usar el cuadro de diálogo Buscar archivo:
1. El nombre del archivo faltante se despliega automáticamente como "Ubicación posible de nombre de archivo" (usted no puede cambiar esta entrada).
2. A menos que hayan sido eliminados, los archivos faltantes pueden ser localizados en una de estas tres ubicaciones de búsqueda: a. Todas las carpetas Web Easy . Las imágenes provistas por programas VCOM, o las que se cargan a la ubicación predeterminada están almacenadas en subdirectorios de la carpeta principal del programa. Si usted está actualizando desde una versión anterior, las imágenes encontradas en subdirectorios de la carpeta del programa previo serán reubicadas en un subdirectorio de la versión nueva (..\Viejo contenido Web Easy) en el tiempo de instalación. Esto significa que sería muy raro que una imagen pueda perderse a menos que haya sido deliberadamente movida a una nueva ubicación (ver abajo) o eliminada. Marque esta casilla como la primera opción.
Nota: No se puede realizar una búsqueda en las siguientes carpetas: Html, Templates. Objetos o Temp, porque sería posible usar una imagen temporal o equivocada en el documento, ej:.una imagen temporal en la carpeta Html puede desaparecer cuando un nuevo sitio Web sea generado. b. D:\CDROM\Archivos de sistema en disco de Web Eas y
Imágenes provistas por programas VCOM se encontrarán en el CD-ROM original . Inserte el CD-ROM en la unidad antes de continuar. Marque esta casilla si la imagen que está buscando ya fue provista por VCOM pero ahora no está presente en su disco duro. c. Las otras carpetas comienzan desde esta ubicac ión... Use esta función para explorar si usted sabe que ha movido archivos a una nueva ubicación en su unidad de disco duro o red. Escriba la ruta de acceso si la conoce, o haga
clic en para navegar a la ubicación requerida. 1. Una vez que haya seleccionado una o más ubicación(es) de búsqueda tiene tres
opciones: a. Reparar todo Esta es la mejor opción para una reubicación automática de todas las imágenes faltantes. Se le preguntará por otras ubicaciones de búsqueda si
77
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
80
Cómo editar elementos
Las fotos, formas y textos en su documento son todos elementos que pueden ser editados (modificados). Primero, seleccione el elemento. Luego haga clic en el botón Editar para editarlo. Ver también
Cómo seleccionar elementos
Cómo seleccionar un elemento
Antes de que pueda modificar un elemento en su documento, necesita seleccionarlo. Selecciones un elemento haciendo clic en él con el botón izquierdo del ratón. El elemento está seleccionado si aparecen los controladores de ajuste aparece en las esquinas y los lados del elemento. Para cancelar la selección, haga clic con el botón izquierdo del ratón en otra parte. Cambie su selección haciendo clic en un elemento diferente, o pulsione TAB para alternar entre los elementos. Ver también
Cómo seleccionar elementos múltiples
Cómo seleccionar todos los elementos en una página
Cómo usar los controladores del elemento
Cuando se selecciona un elemento, los controladores aparecen en sus esquinas y en los lados. Usted puede usar esos controladores para cambiar la medida de su elemento o para rotarlo. Hay dos tipos de controladores:
� Controladores cuadrados, para ajustar la medida, que aparecen al seleccionar un
elemento individual. Por ejemplo: � Controladores en forma de diamante, para ajustar la medida, que aparecen cuando un
grupo de elementos está seleccionado. Por
81
ejemplo: Al hacer clic en un elemento en un grupo se alterna entre los controladores con forma cuadrada y en forma de diamante.
� Cuando los controladores de forma cuadrada aparecen, usted puede editar el elemento individual.
� Cuando los controladores de forma de diamante se muestran, usted puede modificar todo el grupo.
Ver también
Cómo usar controladores para cambiar el tamaño de un elemento
Cómo usar controladores para rotar un elemento
Cómo seleccionar elementos múltiples
Usted puede seleccionar más de un elemento por vez y editarlos luego simultáneamente. Para seleccionar varios elementos:
1. Haga clic en un elemento. 2. Mantenga presionada la tecla MAYÚS y haga clic en otro elemento. 3. Mantenga presionada la tecla MAYÚS y haga clic en tantos elementos como usted
quiera seleccionar. 4. Haga clic en un elemento seleccionado para cancelar la selección.
Nota: Si los elementos son de dos tipos diferentes,por ejemplo, una forma y una foto, es posible que usted no pueda ejecutar todas las tareas de edición sobre ellos de forma simultánea. Algunas tareas pueden sólo ser ejecutadas en un tipo particular de elemento.
Cómo seleccionar todos los elementos
Usted puede seleccionar todos los elementos en una página y editarlos simultáneamente. Para seleccionar todos los elementos sobre la págin a:
Haga clic en Seleccionar todo desde el menú Edición . Nota: Si los elementos seleccionados son de dos tipos diferentes, por ejemplo, una forma y una foto, puede que usted no pueda ejecutar todas las tareas de edición simultáneamente sobre ellos. Algunas tareas sólo pueden ser ejecutadas sobre un tipo particular de elemento.
Cómo cancelar la selección de elementos
Usted puede cancelar su selección de elementos.
82
Para cancelar una selección:
Haga clic en alguna parte del espacio de trabajo, asegurándose de que no toca ningún elemento.
Cómo cortar
Al cortar un elemento usted lo quita de su posición actual y lo ubica en el portapapeles. El elemento puede entonces ser pegado en una posición diferente. Para cortar un elemento:
1. Haga clic en para mostrar la barra de tareas de Editar . 2. Seleccione el elemento.
3. Haga clic en Cortar . Sugerencia: Haciendo clic en Cortar desde el menú Edición produce el mismo resultado.
Cómo copiar
Al copiar un elemento se lo ubica en el portapapeles. Entonces el elemento puede ser pegado en una posición adicional. A diferencia del cortado, el pegado no mueve el elemento de su posición original. Para copiar un elemento:
1. Haga clic en para mostrar la barra de tareas de Editar . 2. Seleccione el elemento.
3. Haga clic en Copiar . Sugerencia: Haciendo clic en Copiar desde el menú Edición se alcanza el mismo resultado.
Cómo pegar
Después de haber copiado o cortado un elemento, usted puede ahora pegarlo en una nueva posición. Para pegar un elemento:
1. Haga clic en para mostrar la barra de tareas de Editar .
2. Haga clic en Pegar . 3. Haga clic en el lugar donde usted desea pegar el elemento.
Sugerencia: Haciendo clic en Pegar desde el menú Edición alcanza el mismo resultado.
Cómo insertar elementos
Usted puede insertar páginas nuevas, fotos y textos en su documento.
Haga clic en para mostrar la barra de tareas de Editar Para insertar una página nueva:
83
Haga clic en Página para mostrar la barra de herramientas de Editar Página y haga
clic en Insertar . Para insertar una foto nueva:
Haga clic en Foto para mostrar la barra de herramientas de Editar Foto y haga clic
en Insertar . Para insertar un texto nuevo:
Haga clic en Texto para mostrar la barra de herramientas de Editar Texto y haga clic
en Insertar .
Cómo agregar una sombra
Usted puede agregar diferentes clases de sombras a las fotos, formas y textos. Para agregar una sombra:
1. Seleccione el elemento o los elementos.
2. Haga clic en para mostrar el diálogo de sombra. 3. Haga clic en la casilla ‘Mostrar sombra’. 4. Desplace los controles deslizantes para determinar la opacidad, desenfoque, offset X y
offset Y de la sombra. Mantenga su ratón sobre un control deslizante para ver un mensaje emergente del valor seleccionado.
5. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en para elegir entre más colores.
6. Una vista previa de la sombra aparece bajo las palabras ‘Muestra de sombra’. 7. Haga clic en Aceptar para aplicar la sombra.
Cómo elegir colores personalizados
Usted puede elegir sus propios colores cuando use el diálogo de Selección de colores comunes. Para elegir un color:
1. Haga clic en . 2. Aparece el color de fondo.
3. Haga clic en paleta completa de colores a la derecha del campo de entrada de colores.
4. El diálogo de la paleta segura aparece.
5. Haga clic en paleta de todos los colores. 6. El diálogo de colores básicos se muestra. 7. Haga clic en un bloque coloreado para elegir un color, o defina colores
personalizados para mostrar el diálogo de colores personalizados. 8. Haga clic en alguna parte en la matriz de colores para elegir un color. Cambie la
tonalidad moviendo el puntero horizontalmente. Cambie la saturación moviendo el puntero verticalmente. Use el control deslizante hacia la derecha de la matriz para
84
ajustar la luminosidad. 9. Cuando haya mezclado el color correcto, haga clic en Agregar colores
personalizados . 10. El color aparece en la paleta de colores personalizados, debajo de la paleta de colores
básicos. 11. Haga clic en Aceptar para guardar el color personalizado y luego en Aceptar para
aplicar el color al elemento.
Cómo rellenar un elemento
Las formas, el texto, los campos y los fondos de página pueden rellenarse con varias clases de relleno:
� Rellenos de color - donde el objeto se llena con un color plano. � Rellenos de degradado - donde un color se funde en otro. � Rellenos de textura -donde el objeto se llena con un una textura o una trama. � Rellenos de trama - donde el objeto se llena con una trama punteada, tal como rayas
hacia adelante. Es importante leer la entrada sobre Propiedades de los colores, texturas, degradados, tramas y transparentes para ayudarle a entender cómo esta propiedad afecta otras propiedades.
Rellenos de color
Un relleno de color llena un elemento con un color individual. Para llenar con un color:
1. Haga clic en para mostrar la barra de herramientas de Editar .
2. Haga clic en en la barra de herramientas de Formas para llenar una forma o en la barra de herramientas de Página para llenar el fondo de página.
3. El diálogo de Llenar por color se abre.
4. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el diálogo de los Colores para elegir sus propios colores.
5. Haga clic en Aceptar para aplicar el color al elemento. Para cambiar el relleno de color usando el inspecto r: 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
85
Rellenos de trama
Rellenos de degradado
Rellenos de textura
Rellenos de degradado
La opción de degradado le permite llenar un elemento con un degradado entre un color para su comienzo y otro para su final, de manera que un color se funde gradualmente en otro.
Para llenar con un relleno de degradado:
1. Haga clic en para mostrar la barra de herramientas de Editar .
2. Haga clic en en la barra de herramientas de Formas para llenar una forma o en la barra de herramientas de Página para llenar el fondo de página.
3. El diálogo de Llenar por color se abre. 4. Haga clic en la ficha Degradado . 5. Haga clic en un color de la paleta para seleccionarlo como el color del inicio. Haga clic
en otro color de la paleta para selecionarlo como el color del final. 6. Establezca el ángulo del degradado. 7. Haga clic en Aceptar para aplicar el relleno de degradado.
Para cambiar el relleno de degradado usando el insp ector: 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
86
Propiedades de los colores, texturas, degradados, tramas y transparentes
Rellenos de trama
Rellenos de color
Rellenos de textura
Rellenos de textura
Usted puede rellenar una forma, texto o fondo de página con una trama de textura. Elija a partir de la extensa selección de texturas de fondo provistas por Web Easy o use imágenes propias. Usted puede usar cualquier dibujo foto como un relleno.
Para rellenar con un fondo de textura:
1. Haga clic en para mostrar la barra de herramientas de Editar .
2. Haga clic en Rellenar en la barra de herramientas de Formas para llenar una forma o en la barra de herramientas de Página para rellenar el fondo de página.
3. El diálogo de Rellenar con color se abre. 4. Haga clic en la ficha ‘Textura’.
5. Haga clic en para elegir la textura a usar en el relleno. 6. Haga clic en Aceptar para aplicar el relleno de textura.
Para cambiar el relleno de textura usando el inspe ctor: 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.
87
Es importante leer la entrada de ayuda referente a Propiedades de los colores, texturas, degradados, tramas y transparentes para entender qué efecto tiene el modificar esta propiedad en las otras propiedades. Ver también
Propiedades de los colores, texturas, degradados, tramas y transparentes
Rellenos de trama
Rellenos de degradado
Rellenos de color
Deshacer
Si usted comete un error, puede deshacer la acción más reciente. Web Easy le permite deshacer seis acciones seguidas. Para deshacer acciones:
1. Haga clic en Deshacer para deshacer la acción más reciente.
2. Haga clic en Deshacer otra vez para deshacer la acción más reciente anterior siguiente.
Sugerencia: Hacer clic en Deshacer desde el menú Edición da el mismo resultado. Ver también
Rehacer acciones.
Rehacer
Después de usar Deshacer , usted puede cancelar esta acción y Rehacer la acción. Para rehacer las acciones:
1. Haga clic en Rehacer para rehacer la acción que fue cancelada.
2. Haga clic en Rehacer otra vez para rehacer la acción que fue cancelada antes de eso.
Sugerencia: Haciendo clic en Rehacer desde el menú Edición da el mismo resultado. Ver también
Deshacer acciones.
Cómo actualizar su pantalla
Actualizar la pantalla es útil cuando usted trabaja con archivos vinculados al documento, como por ejemplo imágenes. Si usted modifica el archivo de imagen en otra aplicación, usted puede hacer clic en Actualizar para actualizar su presentación en Web Easy. Para actualizar la pantalla:
Haga clic en Actualizar desde el menú Edición .
89
Cómo editar páginas
Una página en un documento es un espacio de diseño que puede incluir fotos, gráficos y texto. El menú Editar página provee todas las funciones para cambiar los efectos y la apariencia de cada página de su documento. ¿Cómo hago para...?
Cambiar el fondo de una página
Agregar una página nueva a un documento
Eliminar una página de un documento
Cambiar el orden de las páginas en un documento
Mover a otra página en un documento
Mover a una página específica en un documento
Cambiar las dimensiones de una página
Agregar una transición de página a una página
Agregar un título a una página
Agregar un efecto de sonido a una página
Cómo agregar una página nueva a un documento
Mientras usted agrega nuevas páginas a su documento, usted puede determinar su fondo. � Inserte una página en blanco, con el mismo fondo que la página actual � Elija un fondo de color plano, con degradado o con textura, o � Elija un fondo de cualquier página de una plantilla de diseño.
Sugerencia: Si usted agrega demasiadas páginas, su documento puede volverse muy lento para cargar o difícil de modificar. Diez páginas sería un límite sensato para cada documento. Si usted quiere crear un sitio Web muy grande considere usar varios documentos, con vínculos internos entre ellos. Para crear un vínculo entre los documentos, vaya al diálogo de Vínculo y seleccione "Documento" como el destino de vínculo, indique el archivo requerido y establezca el número de páginas para vincular o use la dirección de Internet del sitio Web para vincular las páginas juntas. Para agregar una página:
1. Abra su documento.
2. Haga clic en para mostrar la barra de herramientas de Editar.
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página
4. Haga clic en Insertar . 5. El diálogo Página nueva aparece, pidiéndole que elija un fondo para la página nueva
de las categorías provistas en las plantillas de diseño. � Para mantener el estilo de fondo de la página actual, haga clic en la ficha En blanco y
elija Página en blanco . � Para darle a la página un color de fondo plano, o liso, haga clic en la ficha En blanco ,
haga clic en Fondo de color liso y seleccione una color de la ventana de Vista Previa a la derecha del diálogo. Use los botones de navegación "Primera/Anterior/Siguiente/Última" para ver más colores.
� Para dar a la página un fondo con un degradado de color, haga clic en la ficha En
90
blanco, haga clic en Fondo degradado y seleccione un tipo de degradado de la ventana de Vista Previa.
� Para dar a la página un fondo con textura, haga clic e la ficha En blanco , haga clic en Fondo con textura y seleccione una textura de la ventana de Vista Previa
� Para dar a la página un fondo de una plantilla de diseño, haga clic en una ficha para traer un tipo de plantilla hacia el frente, elija una plantilla y seleccione una página de la ventana de Vista previa.
6. Haga clic en Aceptar . Sugerencia: Haciendo clic en Página desde el menú Insertar produce el mismo resultado. Ver también
Importar una página
Cómo agregar un fondo
Usted puede agregar una variedad de fondos a sus páginas, incluyendo colores planos o lisos, degradados y texturas. Es como rellenar una forma, excepto que la forma es la página entera. Para agregar un fondo de página:
1. Abra su documento.
2. Haga clic en para mostrar la barra de herramientas de Editar.
3. Haga clic en Página
4. Haga clic en Fondo . 5. Se abre el diálogo de Rellenar con color. 6. Elija una de las opciones: � ‘Color’ -para colorear el fondo de la página con un color solamente. � ‘Degradado’ - para crear un fondo degradado, fundiéndose de un color a otro. � ‘Textura’ - para rellenar el fondo con una textura basada en una imagen en un archivo
de imagen seleccionado. 7. Haga clic en Aceptar .
Ver también
Rellenos de degradado
Rellenos de textura
Cómo crear un fondo con una foto
Para un efecto realmente dramático, cree un fondo a partir de una foto. Para crear un fondo con una foto:
1. Ubique una foto sobre la página y selecciónela.
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Haga clic en Ajustar para mostrar el diálogo de Ajustar . 4. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano. 5. Haga clic en la opción ‘Ajustar la selección a la página’. La foto se agranda de manera
91
que se ajusta a la página.
6. Haga clic en Ordenar y elija Enviar hacia atrás para ubicar la foto detrás de las otras capas.
7. Haga clic en Bloquear desde el menú Organizar elija Bloquear para bloquear el fondo en su lugar.
Cómo eliminar una página
Si su documento consiste de dos o más páginas, usted puede eliminar una página. Para eliminar una página:
1. Abra su documento en la página que quiere eliminar. 2. Asegúrese de que no hay elementos seleccionados de manera que el menú Modificar
muestre los comandos de edición para la página. 3. Haga clic en Eliminar desde el menú Modificar . 4. Aparece una pregunta, pidiéndole que confirme el pedido de eliminación. 5. Haga clic en Aceptar para completar la operación o en Cancelar para cancelarla.
Cómo ajustar el tamaño de una página
Usted puede ajustar el tamaño de página de su documento para adaptarla a sus necesidades específicas. Por ejemplo, si usted desea crear un sitio Web, usted seguramente querría que el tamaño de la página encajara en la mayoría de las pantallas de los ordenadores (640 x 480 pixeles) mientras que si usted quiere imprimir el documento, usted puede ajustarlo a una clase de página particular, por ejemplo A4 o tamaño carta. También puede personalizar su propio tamaño de página. Para ajustar el tamaño de página:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
3. Haga clic en Tamaño . El diálogo de Tamaño de página aparece. 4. Elija un tamaño de página. Dos opciones: � Desplazar hacia abajo una lista de las dimensiones existentes para página, o � Haga clic en Definido por usuario y escriba el ancho y la profundidad. Elija una unidad
de medida: cm, pulgadas o pixeles. 5. Haga clic en Reajustar elementos para reorganizar los elementos para que se ajusten
al tamaño nuevo de la página. 6. Haga clic en Reajustar proporcionalmente para mantener las proporciones de los
objetos. 7. Haga clic en ACEPTAR. .
Nota: Si usted planea imprimir su documento, asegúrese de que no ubica ningún elemento en los márgenes fuera del límite de impresión. Para mayor información, consulte la documentación que vino con su impresora. Sugerencia: Al seleccionar Tamaño desde el menú Modificar también se abre el diálogo Tamaño de Página . Para usar esta opción, asegúrese de que no hay elementos seleccionados de manera que el menú Modificar muestre los comandos de edición para la página.
92
Ver también
Cómo crear una página de tamaño personalizado
Cómo quitar una página de tamaño personalizado
Cómo crear una página de tamaño personalizado
Cree sus propios tamaños de página personalizados, personalizando su documento para sus propias necesidades,. Para crear un tamaño de página personalizado:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
3. Haga clic en Tamaño . El diálogo de Tamaño de página aparece. 4. Seleccione Definido por el usuario de la parte superior de la lista de Dimensiones
existentes 5. Escriba las dimensiones de la página (en pixeles) en los campos de Ancho y
Profundidad . 6. Escriba un nombre para el tamaño personalizado, por ejemplo, ‘Mi sitio Web’.
7. Haga clic en para agregar el tamaño de página personalizado a la lista de Dimensiones existentes .
8. Haga clic en ACEPTAR. .
Cómo quitar un tamaño de página personalizado
Los tamaños de página personalizados que ya no se necesitan pueden ser fácilmente eliminados. Para quitar un tamaño de página personalizado:
1. Abra su documento.
2. Haga clic en para mostrar la barra de herramientas de Editar.
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
4. Haga clic en Tamaño . El diálogo de Tamaño de página aparece. 5. Seleccione el tamaño de página personalizado a quitarse de la lista de Dimensiones
existentes
6. Haga clic en para quitar el tamaño de página personalizado de la lista de Dimensiones existentes .
7. Haga clic en ACEPTAR.
Cómo agregar un título de página
Usted puede darle un título a cada página de su documento. Los títulos de página le ayudan a navegar y a encontrar su rumbo en un documento muy grande. Cuando usted ha puesto un título en una página, el título de la página actual aparece en el título de Web Easy. Los títulos de página aparecerán en el diálogo Ordenar páginas y en la lista del menú Ir a página , facilitándole el acceso a la página a donde desea ir. Ver también
93
Cómo cambiar el orden de página Consejo: Los títulos de página también son útiles para que algunos motores de búsqueda puedan localizar su sitio Web. El título debe ser relevante al contenido de su página. No lo haga demasiado largo. Para agregar un título:
1. Abra su documento.
2. Haga clic en para mostrar la barra de herramientas de Editar
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
4. Haga clic en Título para mostrar el diálogo de título de Página. 5. Escriba el título para la página actual en el campo Título de página . 6. Para dar un título a cada página del documento, haga clic en un elemento de la lista de
Páginas de, documento . La lista corresponde a las páginas en su documento, de modo que el primer elemento es la primera página, etc. Haga clic en la página y luego escriba el nombre para esa página.
7. Haga clic en ACEPTAR . para aplicar los títulos de página. Nota: Algunos caracteres y combinaciones no se aceptan como nombres. Evite usar &, CR, LF y TAB. Sugerencia: El contenido del menú Modificar depende de lo que se seleccione. Para cambiar configuraciones de página (Título, Tamaño, Fondo) asegúrese de que no hay elementos seleccionados de manera que el menú Modificar muestre los comandos de edición para la página.
Cómo cambiar el orden de página
Usted puede cambiar el orden de página en su documento usando la función Ordenar páginas . Para cambiar el orden de página:
1. Asegúrese de que no hay elementos seleccionados de manera que el menú Modificar muestre los comandos de edición para la página.
2. Haga clic en Ordenar en el menú Modificar . 3. Aparece el diálogo Ordenar. 4. Seleccione la página que usted quiere mover. Es más fácil identificar las páginas si se
les ha dado títulos. 5. Mueva la página haciendo clic en Mover Arriba o Mover Abajo hasta que las páginas
estén en el orden deseado. 6. Haga clic en Aceptar para aplicar el ordenamiento.
Cómo importar una página Web
Esto le permite agregar una página nueva a su documento importando código HTML de un archivo. El procedimiento de importación identificará automáticamente los elementos básicos de HTML tales como vínculos, texto e imágenes y creará una página nueva conteniendo todos los elementos reconocidos.
94
Sugerencia: Por favor note que en ciertas circunstancias Web Easy puede ser incapaz de importar todos los elementos y atributos de un archivo HTML existente. Sin embargo usted debería poder importar y restaurar todos sus elementos de texto e imágenes, como así también la posición de estos elementos. Para agregar una página HTML:
1. Abra su documento..
2. Haga clic en para mostrar la barra de herramientas de Editar.
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
4. Haga clic en Insertar . 5. Haga clic en el botón Importar . El diálogo de Importar sitio Web aparece. 6. Elija el archivo HTML que desea importar y haga clic en el botón Abrir. 7. Espere hasta que el proceso de conversión esté completo. 8. Se ha agregado una nueva página al diseño del documento.
Sugerencia: Todas las imágenes en las páginas de diseño están vinculadas directamente a las carpetas de página Web HTML originales. Se recomienda guardar el documento entero en una carpeta separada como una copia de seguridad de almacenamiento, adonde se copiarán odas las imágenes necesarias para uso futuro.
Ver también
Cómo importar un sitio Web
Cómo guardar una copia de seguridad de almacenamiento
Cómo agregar un icono en mi sitio para que aparezca en Favoritos
Este es el icono que aparecerá en el menú de Favoritos en su navegador. 1. Abra el Inspector .
¿Cómo? 2. En el Inspector, haga clic en el icono superior de la derecha y seleccione Documento . 3 .Bajo la categoría Configuraciones de página ,busque la entrada Icono de favoritos . 4. Haga clic en el campo de Icono de favoritos . para hacer aparecer el diálogo de exploración de archivo. 5. Seleccione el archivo de icono o el archivo de imagen desde su ordenador para usarlo como el icono de su sitio. Este icono puede o no ser usado dependiendo del explorador. Algunos exploradores pueden usar este icono también para otros fines tales como iconos para fichas cuando se usa la exploración de fichas.
96
Cómo editar fotos
Web Easy ofrece muchas funciones para modificar imágenes para ayudarle a realzar sus fotos. Usted puede agregar marcos y esténciles a las fotos, o sombras. Usted puede recortar, rotar y ajustar el tamaño de la foto o elegir una selección de efectos de foto. Yo quiero:
Agregar una nueva foto
Reemplazar una foto
Ajustar la medida de una foto
Recortar una foto
Rotar una foto
Agregar un marco a una foto
Agregar un esténcil a una foto
Quitar un marco o el esténcil de una foto
Agregar un efecto de foto
Cómo insertar una nueva foto
Para insertar una nueva foto:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto .
3. Haga clic en Insertar y elija Foto . 4. Un diálogo de exploración se abre y le permite explorar para encontrar una foto. 5. Localice una de las muchas fotos disponibles dentro de Web Easy o busque una suya
propia. Haga clic en un nombre de archivo para seleccionar una foto. 6. Haga clic en Abierto . 7. Ubique el cursor en el espacio de trabajo en el lugar donde usted quiere ubicar la foto,
y haga clic una vez. Notas: Usted puede insertar más de una foto por vez. Mantenga presionada la tecla MAYÚS mientras hace clic en los nombres de archivo adyacentes, o mantenga apretada la tecla CTRL para aquellos archivos no adyacentes. Usted también puede insertar fotos arrastrando y colocando desde el explorador de archivo.
Cómo insertar una foto del Explorador de archivo
Una manera fácil de insertar una foto en un documento es arrastrarla y colocarla desde el Explorador de archivo, localizado al pie de la ventana de Web Easy.
Cómo reemplazar una foto
La función Reemplazar facilita la ubicación de una foto nueva en la misma posición de una foto existente, sin la necesidad de eliminar la original. También puede ser usada para llenar porta espacios. Para reemplazar una foto:
97
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 3. Haga clic en la foto que usted desea reemplazar.
4. Haga clic en Modificar . Una lista de comandos se despliega. 5. Haga clic en Reemplazar foto , en la lista. 6. Un diálogo de exploración se abre, permitiéndole explorar por la foto. 7. Haga clic en un nombre de archivo para seleccionar una foto. Una vista previa de la
foto aparece en el área de vista previa a la derecha de la ventana de exploración. 8. Haga clic en Abrir . 9. Las foto nueva reemplaza la original.
Nota: Usted también puede reemplazar una foto arrastrando una foto nueva desde el Explorador de archivo y cololocándola sobre la foto original o el porta espacio.
Cómo reemplazar portaespacios con otras imágenes
Portaespacios son formas vacías que usted puede reemplazar con sus propias imágenes. Cuando usted pone una foto en el lugar que ocupa el portaespacio, su foto retiene el tamaño y la posición del portaespacio. Para reemplazar un portaespacio:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto. 3. Seleccione el portaespacio.
4. Haga clic en Modificar para mostrar el menú Modificar foto. 5. Haga clic en Reemplazar foto desde el menú. 6. Un diálogo de exploración aparece, permitiéndole explorar por la foto. 7. Haga clic en un nombre de archivo para seleccionar la foto. Una vista previa de la foto
aparece en el área de vista previa a la derecha de la ventana de exploración. 8. Haga clic en Abrir . 9. La nueva foto reemplaza el portaespacio.
Nota: Algunas plantillas proveen muestras de fotos en vez de portaespacios. Usted puede reemplazarlas con sus propias fotos exactamente en la misma forma. Sugerencia: Usted también puede arrastrar una foto del Explorador de archivo y colocarla en el portaespacio.
Cómo agregar un marco a una foto
Los marcos pueden realzar en gran medida el aspecto de una foto. Web Easy provee una amplia variedad de marcos en una selección de colores y texturas. Para agregar un marco a una foto:
1. Haga clic en para mostrar la barra de herramientas de Editar.
98
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 3. Seleccione la foto.
4. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 5. Haga clic en Agregar/Reemplazar marco, en la lista. 6. Un diálogo de exploración se abre, permitiéndole explorar por un marco en la carpeta
Marcos 7. Haga clic en un nombre de archivo para seleccionarlo. Una vista previa del marco
aparece en el área de vista previa a la derecha de la ventana de exploración. 8. Haga clic en Abrir. 9. El marco aparece, ajustado alrededor de la foto.
Nota: Usted también puede arrastrar una foto del Explorador de archivo y colocarla arriba de una
foto. Ver también
Cómo reemplazar un marco
Cómo eliminar un marco
Este marco no encaja con mi foto
Cómo agregar un esténcil a una foto
Los esténciles se usan para ocultar una parte de una imagen. Algunos esténciles esfuman las partes menos importantes mientras que otros colocan la imagen dentro de una forma recortada. Algunos aplican una textura o un translúcido a su foto. Para agregar un esténcil a una foto:
1. Haga clic en para mostrar la barra de herramientas de Editar. 2. Seleccione la foto.
3. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 4. Seleccione la foto.
5. Haga clic en Modificar Una lista de comandos se despliega. 6. Haga clic en Agregar/Reemplazar esténcil, en la lista. 7. Un diálogo de exploración se abre, permitiéndole explorar por un esténcil. 8. Haga clic en un nombre de archivo, para seleccionarlo. Una vista previa del esténcil
aparece en el área de vista previa a la derecha de la ventana de exploración. El área verde en la vista previa representa la parte de la foto que no estará oculta.
9. Haga clic en Abrir. 10. Parte de la foto está escondida por el esténcil.
Nota: Usted también puede agregar un esténcil, arrastrándolo del Explorador de archivo y colocándolo arriba de una foto.
Yo quiero:
Quitar un esténcil de una foto
Reemplazar un esténcil sobre una foto
99
Cómo reemplazar un marco o un esténcil en una foto
Cuando una foto ya tiene un marco o un esténcil, es fácil reemplazar éstos con unos nuevos. Para reemplazar un marco o un esténcil,:
1. Seleccione la foto con el marco o esténcil que usted desea cambiar. Asegúrese de que la foto entera esté seleccionada, incluyendo el marco o esténcil. Cuando la selección está bien hecha, los controladores en forma de diamante aparecen.
2. Desde el menú Modificar , selecione Agregar/Reemplazar Marco o Agregar/Reemplazar esténcil, de la lista.
3. Un diálogo de exploración se abre, permitiéndole explorar por un marco o un esténcil. 4. Haga clic en un nombre de archivo para seleccionarlo. Una vista previa del esténcil
aparece en el área de vista previa a la derecha de la ventana de exploración. 5. Haga clic en Abrir 6. La foto reaparece con el nuevo marco o esténcil,.
Nota: .Usted también puede agregar un marco o un esténcil arrastrándolos del Explorador de archivo y colocándolos arriba de una foto. Yo quiero:
Quitar un marco o un esténcil de una foto
Cómo ajustar un marco a una foto
La manera más simple de agregar un marco a una imagen es arrastrar el marco directamente del Explorador de archivo hasta ponerlo encima de la imagen. El marco cambiará de tamaño automáticamente de manera que se ajuste a la imagen.
Si usted ya tiene un marco y una imagen en la página, hay dos maneras de encajarlos. Usted puede:
� Ajustar el marco a la imagen o, � Ajustar la imagen al marco.
Para ajustar una imagen y un marco:
1. Mantenga presionada la tecla MAYÚS y seleccione al mismo tiempo la imagen y el marco.
2. Haga clic en para mostrar la barra de herramientas de Editar.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar. 5. Haga clic en la ficha Marco para poner el diálogo Marco en el primer plano. 6. Luego: � Haga clic en ‘Ajustar el marco a la selección’ para cambiar el tamaño del marco, � Haga clic en ‘Ajustar la selección al marco ’ para cambiar el tamaño de la imagen
seleccionada. 7. Haga clic en ACEPTAR.
Cómo quitar un marco o un esténcil
Usted puede quitar fácilmente un marco o un esténcil de una foto.
100
Para quitar un marco o un esténcil de una foto.:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 3. Haga clic en la foto.
4. Haga clic en Modificar Una lista de comandos se despliega. 5. Haga clic en Borrar marco o Borrar esténcil, de la lista.
Cómo borrar una foto
Si usted ya no quiere usar una foto, pero quiere guardar su tamaño y su posición para otra foto, use la función Borrar . Para borrar una foto:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 3. Haga clic en la foto.
4. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 5. Haga clic en Borrar foto de la lista. 6. La foto es quitada y un portaespacio es dejado en su lugar, preservando el tamaño y la
posición de la foto original.
Cómo ajustar el tamaño de una foto
La forma más simple de ajustar el tamaño de una foto es arrastrando los controladores del elemento. Si necesita saber las medidas precisas de una foto, usted también puede cambiar el tamaño con un diálogo . Para ajustar el tamaño de una foto con los control adores del elemento:
1. Seleccione la foto. 2. Haga clic en uno de los controladores en las esquinas de la foto. 3. El puntero del ratón cambia a una flecha de dos puntas. 4. Arrastre el controlador en una dirección diagonal - arrástrelo hacia afuera para hacer la
foto más grande o hacia adentro para hacer la foto más pequeña. 5. La línea punteada muestra una vista previa del nuevo tamaño de la
foto.
101
6. Use los controladores de la esquina para cambiar el tamaño en forma proporcional, manteniendo la misma relación entre ancho y alto. Use los controladores en los lados para cambiar de tamaño sin mantener la misma proporción.
7. Libere el botón del ratón para aplicar el cambio. Ver también
Cambiar tamaño de foto con precisión
Cómo cambiar el tamaño de una foto con precisión
Cambiar el tamaño de una foto con precisión le permite determinar las medidas exactas de su foto. Para cambiar el tamaño de una foto con precisión:
1. Seleccionar la foto a la que quiere cambiarle el tamaño. 2. Desde el menú Modificar seleccione Tamaño y posición para mostrar el diálogo de
tamaño y posición de la foto. 3. Haga clic en la checkbox ‘Mantener la relación de aspecto de la foto ‘ para mantener
las proporciones de la foto. 4. Escriba el alto y ancho de su foto. Si usted marcó ‘Mantener la relación de aspecto de
la foto’, escriba o el ancho o el alto y la otra cantidad será calculada automáticamente. 5. Haga clic en Tamaño original para deshacer cualquier cambio de tamaño previo. 6. Haga clic en ACEPTAR. . para aplicar los cambios.
Ver también
Cómo cambiar el tamaño de una foto manualmente
Cómo ubicar una foto con precisión
Use el diálogo Posición y tamaño de la foto para ubicar su foto en una posición precisa en la página. Para cambiar el tamaño de una foto, o ubicarla con precisión:
1. Seleccionar la foto. 2. Desde el menú Modificar seleccione Tamaño y posición para mostrar el diálogo de
tamaño y posición de la foto . 3. Escriba las distancias que usted quiere para ubicar su foto desde arriba, abajo, derecha
e izquierda. Por ejemplo, si escribe 0 en el campo de‘Arriba", su foto se moverá a la parte superior de la página.
4. Haga clic en ACEPTAR. . para aplicar los cambios.
Cómo recortar una foto
Recortar una foto quiere decir cortarle las áreas que no se desea conservar. Por ejemplo, si una foto está centrada con imperfección, usted puede recortarle el fondo que sobra para que el sujeto esté en el centro del fondo que permanece. Para recortar una foto:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Imagen para mostrar la barra de herramientas de Editar foto . 3. Seleccione la foto a ser recortada.
102
4. Haga clic en Recortar para mostrar el diálogo Recortar. 5. Arrastre los controladores en las esquinas arriba y abajo o hacia los lados para
seleccionar el área a recortarse. 6. El área blanca indica las partes de la foto que se recortarán.
7. Haga clic en para cancelar el recorte o en ACEPTAR para completarlo. También puede recortar una foto usando el ratón.
Para recortar una foto con el ratón:
1. Seleccionar la foto. 2. Ubique el ratón sobre un controlador para cambiar el tamaño. 3. Mantenga presionada la tecla MAYÚS. El cursor cambia a un símbolo de recorte. 4. Arrastre el controlador para recortar la foto.
Nota: Usted puede cancelar un recorte al abrir el diálogo Recortar arrastrando los controladores hacia afuera de los bordes.
Cómo rotar una foto
Usted puede rotar fotos fácilmente, ya sea manualmente con el ratón o de acuerdo con especificaciones precisas. Para rotar una foto:
1. Seleccionar la foto. 2. Desde el menú Modificar, seleccione Rotar para mostrar el diálogo Rotar. 3. Arrastre la muestra de la foto para determinar la dirección de la rotación. 4. Mientras usted arrastra la foto, el grado preciso de rotación aparece en el campo
Rotación libre. 5. Una vista previa de la rotación aparece en el diálogo. 6. Haga clic en ACEPTAR.
Usted también puede rotar una foto usando los controladores del elemento.
Para rotar una foto con los controladores del eleme nto:
1. Seleccione la foto.
2. Coloque el ratón sobre el controlador giratorio a la derecha de la foto - . 3. El puntero del ratón cambia a un puntero de rotación. 4. Arrastre el controlador giratorio para rotar la foto. 5. La foto aparecerá como de baja calidad mientras está siendo rotada. 6. Cuando usted suelte el botón del ratón, la foto rotada reaparece en su calidad original.
Ver también
Cómo voltear una foto
Cómo voltear una foto
Usted puede voltear una foto verticalmente u horizontalmente. Para voltear una foto :
1. Seleccionar la foto. 2. Desde el menú Modificar, seleccione Rotar para mostrar el diálogo Rotar.
103
3. Haga clic en las check-boxes Espejo vertical o Espejo horizontal . 4. Haga clic en ACEPTAR.
Cómo agregar una sombra a una foto
Usted puede agregar una sombra a una foto, ajustando el color de la sombra, la opacidad, el desenfoque y el offset. Para agregar una sombra a una foto:
1. Seleccionar la foto. 2. Desde el menú Modificar, seleccione Sombra para mostrar el diálogo Sombra. 3. Haga clic en un bloque coloreado para elegir un color para la sombra, o haga clic en
para ensanchar la selección de colores. 4. Haga clic en la check box Mostrar sombra . Una vista precia de la sombra aparece
bajo las palabras "Muestra de sombra". 5. Arrastre los controladores para determinar la opacidad de la sombra, el desenfoque,
offset X y offsetY. Mantenga su ratón sobre un control deslizante para ver u mensaje emergente del valor seleccionado.
6. Haga clic en ACEPTAR para aplicar la sombra.
105
Efectos de foto
Los efectos de foto son efectos especiales que usted puede aplicar a sus imágenes. Al usarlos, usted podrá realzar sus imágenes, compensándola en casos de iluminación pobre, o para dar nitidez a la imagen, quitar detalles no deseado, etc. También puede usarlos para crear un efecto artístico inusual. Yo quiero:
Cambiar el brillo de una imagen
Cambiar el contraste de una imagen
Suavizar el foco
Dar nitidez a una imagen
Convertir una imagen en una escala de grises
Invertir una imagen
Cambiar el contraste automáticamente
Quitar motas en una imagen
Realzar una imagen
Vista previa de efectos de foto
Web Easy ofrece una amplia selección de efectos de foto que usted puede aplicar a sus fotos. Mire las vistas previas más abajo para tener una idea de lo que usted puede hacer con los efectos. Haga clic en una imagen para descubrir cómo crear ese efecto de foto.
Más brillo Menos brillo
Más contraste
Menos contraste
Gamma de colores
Escala de grises
106
Desenfocar Enfocar (Nitidez)
Invertir Auto Contraste
Quitar motas Realzar
Detectar bordes
Relieve Transparencia
Profundidad color 1 bit
Profundidad color 4 bits
Profundidad color 8 bits
Más saturación
Menos intensidad
Matiz
Agregar rojo Agregar verde
Agregar azul
Cómo ajustar el brillo
107
Use el efecto brillo para incrementar o disminuir el brillo de su foto. Esta función es útil para mejorar fotos que están sobre-expuestas o para aquellas fotos que fueron sacadas con luminosidad inadecuada. Para ajustar el brillo:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Brillo para mostrar el efecto Brillo. 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el brillo incrementado. Haga clic en esa miniatura para aplicar el cambio a esa vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para obtener una medida mayor de brillo. Usted puede seguir haciendo clic hasta que obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el brillo o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo ajustar el contraste
Use el efecto de contraste para ajustar el contraste entre luz y sombra en su foto. Usted puede o aumentar o disminuir el contraste. Para ajustar el contraste:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Contraste para mostrar el efecto Contraste. 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el contraste incrementado. Haga clic en esa miniatura para aplicar el cambio a esa vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para obtener una medida mayor de contraste. Usted puede seguir haciendo clic hasta que obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el contraste o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo ajustar la gamma
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Ajustar la gamma significa aumentar el contraste dentro de los medios tonos de una imagen, sin afectar sus reflejos resaltantes ni sus sombras. Para ajustar la gamma:
108
1. Seleccionar la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Gamma para mostrar el efecto Gamma. 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con la gamma incrementada. Haga clic en esa miniatura para aplicar el cambio a esa vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para obtener una medida mayor de gamma. Usted puede seguir haciendo clic hasta que obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir la gamma o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado. Ver también
Cuándo ajustar la gamma
Cuando ajustar la gamma
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Una imagen consiste en reflejos (hacia el blanco), sombras (hacia el negro) y medios tonos - las tonalidades en el medio. Gamma se refiere al contraste entre claro y oscuro dentro de los medios tonos de la imagen. Cuando usted ajusta la gamma, usted incrementa el contraste dentro de los medios tonos, sin afectar los reflejos o las sombras. Si, por ejemplo, usted tiene una foto con negros marcados, blancos nítidos y sin suficiente contraste entre los medios tonos;
si usted tratara de aumentar el contraste de la foto, los reflejos y las sombras serían demasiado extremas.
Si usted aumentara el brillo de la foto, las sombras perderían su nitidez.
109
La solución es incrementar la gamma. Esto mejora los medios tonos, mientras se dejan los reflejos y las sombras como estaban.
Cómo desenfocar una foto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el efecto desenfocar para agregar un foco suavizado a su foto. Para desenfocar una foto:
1. Seleccionar la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Desenfocar para mostrar el efecto Desenfocar. 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el efecto desenfocar incrementado. Haga clic en esa miniatura para aplicar el cambio a esa vista previa en el medio. Haga clic en la derecha de la miniatura nuevamente para obtener una medida mayor del efecto. Usted puede seguir haciendo clic hasta que obtenga el mensaje "Fin del rango".
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el efecto desenfocar o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo invertir una foto
110
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Invertir una foto es como crear un color negativo desde ella. Cada color se reemplaza por el color opuesto en el espectro. Esta función es útil para obtener fotos de negativos escaneados, o para crear efectos interesantes en composiciones artísticas. Para invertir una foto:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Invertir para mostrar el efecto Invertir. 4. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
invertida.. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Invertir o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo aumentar la nitidez (enfocar)
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el efecto 'enfocar' para agregar un foco más nítido a su foto. Para aumentar la nitidez en una foto:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Enfocar para mostrar el efecto Enfocar . 4. Arrastre el control deslizante para ajustar la gama del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más, muestra cómo será la foto
con el efecto enfocar incrementado. Haga clic en esa miniatura para aplicar el cambio a esa vista previa en forma media. Haga clic en la derecha de la miniatura nuevamente para obtener una medida mayor de nitidez.
7. Haga clic en la miniatura en la izquierda arriba de la palabra Menos para reducir el efecto enfocar o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo convertir a escala de grises
Convertir a escala de grises significa convertir la foto a un formato que reconoce solamente tonalidades de gris. Quita la información de color de la foto. Para convertir la foto a escala de grises:
1. Seleccione la foto.
111
2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos de foto
3. Haga clic en Escala de grises para mostrar el efecto Escala de grises . 4. Haga clic en la checkbox Página en vista previa si usted desea ver la vista previa
sobre la página misma. 5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto Escala de grises. . Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Escala de grises o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo usar auto contraste
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') El auto contraste ajusta automáticamente el contraste entre la luz y la sombra, resolviendo el contraste que realzará su foto de la mejor manera. Para usar auto contraste:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Auto Contraste para mostrar el efecto Auto Contraste. 4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con auto contraste. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Auto contraste o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo quitar motas a una foto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use quitar motas cuándo una foto está polvorienta o rayada. El efecto quitar motas elimina el polvo o las rayaduras y le da a la imagen un efecto más liso. Para usar Quitar motas:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Quitar motas para mostrar el efecto Quitar motas . 4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma.
112
5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto con el efecto Quitar motas. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Quitar motas o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo realzar una foto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Realzar mejora la calidad de su foto automáticamente. Web Easy automáticamente detecta qué aspectos de su foto necesitan mejorar y aplica los efectos que sean requeridos. Para realzar una foto:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Realzar para mostrar el efecto Realzar . 4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto Realzar. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Realzar o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo detectar bordes
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use la función Detectar bordes para crear efectos de línea interesantes con sus fotos. Este efecto localiza los bordes de los objetos en una foto y los reduce a un contorno. Para usar Detectar bordes:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Detectar bordes para mostrar el efecto Detectar bordes . 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
reducida a un contorno. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio. Haga clic en la miniatura otra vez para reducir la foto aún más.
113
7. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Detectar bordes o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo dar relieve a una foto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Al dar relieve a una foto se la hace aparecer como una escultura en relieve. Para dar relieve a una foto:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Relieve para mostrar el efecto Relieve. 4. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 5. La miniatura a la derecha del diálogo, sobre la palabra Sí muestra cómo será la foto
con el efecto de alto relieve. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
6. Haga clic en la miniatura de la izquierda, sobre la palabra No para cancelar el efecto Relieve o en Borrar todo para cancelar todos los cambios.
7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo agregar transparencia
Usted puede hacer su foto parcialmente transparente, para que otras imágenes sean visibles desde abajo de ella. El efecto transparencia le permite determinar el nivel de transparencia que debe aplicarse a su imagen. Para agregar transparencia:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Transparencia para mostrar el efecto Transparencia . 4. Arrastre el control deslizante para ajustar el rango del efecto. Arrastre hacia Fino para
cambios sutiles o hacia Grueso para cambios más extremos. 5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 6. La miniatura a la derecha del diálogo, sobre la palabra Más muestra cómo será la foto
con el efecto Transparencia. Haga clic en esa miniatura para aplicar el cambio a la vista previa en el medio.
7. Haga clic en la miniatura de la izquierda, sobre la palabra Menos para cancelar el efecto Transparencia o en Borrar todo para cancelar todos los cambios.
8. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
114
Cómo ajustar la profundidad de color
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') El efecto de profundidad de color le capacita para cambiar la profundidad de color de su imagen. La profundidad de color de su oscila entre "color 1-bit" , lo cual reduce la imagen a blanco y negro puro, y "color 32-bit" con la posibilidad de billones de colores. Usted puede reducir la profundidad de color para ahorrar memoria o para dar un efecto moteado interesante. Para ajustar la profundidad de color:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Profundidad de color para mostrar el efecto Profundidad de color . 4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para aplicar la profundidad de color elegida a la foto de vista previa ubicada en el centro.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa sobre la página misma.
6. Haga clic en Borrar todo para cancelar todos los cambios, o 7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo ajustar colores RGB
RGB quiere decir Red(Rojo), Green(Verde) y Blue(Azul) - los colores primarios en el espectro de la luz. El monitor de su ordenador muestra colores basados en diferentes combinaciones de estos colores primarios. Use el efecto Ajustar color para aumentar ciertos valores de color en su imagen. El diálogo le permite agregar rojo, verde y azul adicionales, y también sus colores complementarios - aguamarina, fucsia y amarillo. Use este efecto para realzar una foto con colores desequilibrados o para experimentar con ella para obtener efectos de color interesantes. Para ajustar colores:
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Ajustar color para mostrar el efecto Ajustar color . 4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para incrementar el color elegido en la foto de vista previa ubicada en el centro. 5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa
sobre la página misma. 6. Haga clic en Borrar todo para cancelar todos los cambios, o 7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Cómo ajustar matiz, saturación e intensidad (HSI)
115
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') HSI quiere decir Matiz ( Hue), Saturación (Saturation) e Intensidad ( Intensity), las cualidades que hacen a la tonalidad de un color. Use el efecto Ajustar color (HSI) para incrementar o disminuir el matiz, la saturación y la intensidad de su imagen. . Use este efecto para avivar una foto opaca, o para atenuar una foto con colores chillones. Experimente con este efecto para lograr el resultado apropiado con sus colores. Para ajustar matiz, saturación e intensidad (HSI)
1. Seleccione la foto. 2. Desde el menú Modificar, seleccione Efectos de foto para mostrar el diálogo Efectos
de foto 3. Haga clic en Ajustar color HSI para mostrar el efecto Ajustar color HSI . 4. Miniaturas de las diferentes opciones rodean a la foto del centro. Haga clic en una de
ellas para aplicar la opción a la foto de vista previa ubicada en el centro. Haga clic otra vez para aumentar la medida. Usted puede hacer clic en cualquier combinación de opciones.
5. Haga clic en la checkbox Vista previa de Página si usted desea ver la vista previa sobre la página misma.
6. Haga clic en Borrar todo para cancelar todos los cambios, o 7. Haga clic en ACEPTAR cuando esté satisfecho con el resultado.
Ver también
Cuando ajustar matiz, saturación e intensidad (HSI)
Cómo combinar efectos de foto
Usted puede aplicar cualquier número de efectos de foto a sus imágenes.
Aplique un efecto, luego haga clic en Efectos para mostrar el diálogo de Efectos de foto otra vez.
Haga clic en Borrar todo para cancelar todos los efectos a la vez.
117
Cómo insertar texto nuevo
Cuando usted inserta texto nuevo, usted abre un nuevo cuadro de texto. Si usted quiere agregar texto nuevo a un cuadro de texto existente, usted necesita modificar el texto. Para insertar texto nuevo:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto .
3. Haga clic en Insertar y haga clic en la página en el lugar donde quiere ubicar el nuevo texto.
4. Se abre un nuevo cuadro de texto en el modo Editar. 5. Escriba su texto. 6. Cuando haya terminado, haga clic en cualquier parte de la página, fuera del cuadro de
texto o presione ESC.
Cómo modificar el texto
Hay dos formas de modificar el texto existente- usando el botón Modificar o haciendo doble clic en el texto para abrirlo en el modo Editar. Para modificar el texto con el botón Modificar:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto . 3. Seleccione el texto a ser modificado.
4. Haga clic en Modificar para que el cuadro de texto entre en el modo Editar. 5. El texto aparece como negro sobre un fondo blanco, con un cursor intermitente
indicando dónde puede escribir. 6. Para agregar al texto, haga clic en el área del cuadro de texto donde usted va a
comenzar a escribir. 7. Para eliminar parte del texto, presione el botón Eliminar en su teclado o seleccione
texto con su ratón y escriba encima. 8. Para salir del modo Editar, haga clic en cualquier parte en la página, fuera del cuadro
de texto. Sugerencia: Haciendo doble clic en el menú de un cuadro de texto también lo cambia al modo Editar. Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Cómo editar texto enriquecido
Texto de formato enriquecido.
Cómo editar texto simple
118
El texto en Web Easy está contenido en un cuadro de texto con un fondo transparente y con controladores, como las imágenes, u otros elementos. Una vez que el texto está escrito, usted puede mover el cuadro de texto alrededor de la página y tratarlo como uno de los objetos en su página. Usted puede tener más de un cuadro de texto en una página. Para trabajar con texto, seleccione Editar en la barra de tareas, luego haga clic en Texto. La barra de herramientas despliega opciones para insertar, editar y manipular texto. Si usted quiere:
Insertar texto
Haga clic en el icono Insertar en la barra de herramientas, luego coloque el cursor de texto en la página, en el lugar donde usted quiere que comience el texto. Escriba su texto. Usted puede luego cambiar su apariencia.
Modificar (Editar) texto
Para editar texto existente, haga doble clic en el texto, o seleccione el texto y luego haga clic en el icono Modificar. El cursor cambia a un cursor de texto y usted puede editar el contenido, agregando o eliminando palabras, o corrigiendo errores de ortografía. Haga clic en cualquier otro lugar de la página para terminar de editar.
Cambiar las propiedades de la fuente
Seleccione su texto, luego haga clic en el icono Fuente para ajustar las propiedades de la fuente. Seleccione una cara para la fuente, estilo, color, tamaño y cualquier otro efecto requerido por el diálogo.
Seleccionar rápidamente el tamaño de fuente
Para cambios de tamaño de texto rápidos, seleccione el texto y haga clic en Tamaño para seleccionar rápidamente entre siete tamaños preestablecidos. Para mayores posibilidades de elección en el tamaño de texto, use Propiedades de Fuente (ver arriba).
Cambiar Propiedades de relleno
Seleccione el texto, luego haga clic en Rellenar para cambiar el color, o para aplicar efectos artísticos como texturas o degradados.
Cambiar justificación
Seleccione su texto, luego haga clic en Justificar para establecer la justificación horizontal (Izquierda, derecha, Centro). El texto se volverá a alinear en relación a los límites del cuadro.
Agregar un vínculo
Seleccione su texto, luego haga clic en Vínculo para establecer un vínculo de hipertexto. El vínculo se activará con un clic del ratón cuando el sitio Web terminado se exhiba en el navegador de Internet.
119
Aplicar un efecto de sombra
Seleccione su texto, luego haga clic en Sombra para aplicar un efecto de sombra artística al texto seleccionado. Consejo: Mantenga sus cuadros de texto más grandes que el área que ocupa el texto.. Usted necesita este espacio extra porque algunos exploradores de Web pueden mostrar el texto en una fuente mayor. Todo texto que no encaja en el cuadro de texto puede no ser mostrado correctamente. Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Texto de formato enriquecido.
Cómo editar texto enriquecido
Para trabajar con texto, seleccione Editar en la barra de tareas, luego haga clic en Texto. La barra de herramientas despliega opciones La barra de herramientas despliega opciones para insertar, editar y manipular texto.
Modificar (Editar) texto
Para editar texto existente, haga doble clic en el texto, o seleccione el texto y luego haga clic en el icono Modificar. El cursor cambia a un cursor de texto y usted puede editar el contenido, agregando o eliminando palabras, o corrigiendo errores de ortografía. Haga clic en cualquier otro lugar de la página para terminar de editar.
Hacer una selección.
Mientras todavía modifica el texto, haga clic en la posición en la que usted desea comenzar y arrastre el ratón a la posición en que desea terminar la selección . Suelte el botón del ratón. La parte seleccionada del contenido está marcada por el área resaltada. Ahora es posible aplicar varias herramientas para modificar el texto, fuentes o colores como se explica a continuación.
Cambiar las propiedades de la fuente
Seleccione su texto, luego haga clic en el icono Fuente para ajustar las propiedades de la fuente. Seleccione una cara para la fuente, estilo, color, tamaño y cualquier otro efecto requerido por el diálogo.
Seleccionar rápidamente el tamaño de fuente
Para cambios de tamaño de texto rápidos, seleccione el texto y haga clic en Tamaño para seleccionar rápidamente entre siete tamaños preestablecidos. Para mayores posibilidades de elección en el tamaño de texto, use Propiedades de Fuente (ver arriba).
Cambiar Propiedades de relleno
Seleccione el texto, luego haga clic en Rellenar para cambiar el color, o para aplicar efectos
120
artísticos como texturas o degradados.
Cambiar justificación
Seleccione su texto, luego haga clic en Justificar para establecer la justificación horizontal (Izquierda, derecha, Centro). El texto se volverá a alinear en relación a los límites del cuadro.
Agregar un vínculo
Seleccione su texto, luego haga clic en Vínculo para establecer un vínculo de hipertexto. El vínculo se activará con un clic del ratón cuando el sitio Web terminado se exhiba en el explorador de Internet. Notas: Hay límites para ciertos tipos de vínculos en Texto Enriquecido y algunos pueden comportarse en forma diferente que los mismos vínculos aplicados a un texto simple. Al usar herramientas de edición estándar cuando el texto enriquecido no está en modo Editar, se aplicarán los cambios al contenido entero de la misma manera en que lo hace el texto simple. Sugerencia: Mantenga sus cuadros de texto más grandes que el área que ocupa el texto.. Usted necesita este espacio extra porque algunos exploradores de Web pueden mostrar el texto en una fuente mayor. Todo texto que no encaja en el cuadro de texto puede no ser mostrado correctamente o puede cambiar el diseño de la página Web. Use la barra de herramientas de texto enriquecido del menú Herramientas para una edición avanzada del contenido. Use el menú contextual con el botón derecho del ratón para acceder a formato de texto HTML avanzado, por ejemplo titulares, menús, lista de definiciones. Ver también
Texto simple
Texto enriquecido
Texto gráfico
Editar texto simple
Texto de formato enriquecido.
Barra de herramientas de texto enriquecido
Texto simple
Texto simple es un elemento de diseño con la misma fuente, color y vínculo aplicados al contenido entero del objeto. Es la forma más eficiente y flexible de colocar un texto y de modificarlo en la página de documento de sitio Web . Para modificar el texto:
1. Elija el cursor Selección. 2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento son
visibles. 3. Elija la herramienta con la cual modificar el estilo de texto:
Fuente y Color
121
Relleno con Color, Degradado o Textura
Vincular texto a documentos, elementos o a Internet
Mostrar sombra debajo del texto
Tamaño de fuente
Justificar el texto Nota: Texto simple con una sombra, degradado o textura se convierte siempre en una imagen al construir un sitio Web HTML (ver Texto gráfico) El texto simple puede ser convertido en un texto enriquecido en cualquier momento. Ver también
Texto enriquecido
Cómo editar texto enriquecido
Texto gráfico
Formato de texto enriquecido
Texto gráfico
Texto gráfico es un elemento de texto simple o enriquecido con una sombra, degradado o textura aplicada al contenido. El texto gráfico siempre se convierte en una imagen al construir un sitio Web HTML.. Para convertir texto gráfico a texto simple:
1. Elija cursor de selección. 2. Haga clic en el elemento de texto gráfico. Los controladores alrededor del elemento
aparecen.
3. Elija la herramienta Rellenar y aplique Rellenar con color.
4. Elija la herramienta Sombra y desactive la sombra. Sugerencia: El texto enriquecido puede ser convertido a texto gráfico con sólo aplicar una sombra. Vínculos a objetos incrustados o códigos personalizados también pueden convertir el texto en otra clase de elemento. Ver también
Texto simple
Texto enriquecido
Texto gráfico
Texto de formato enriquecido.
122
Texto enriquecido
El texto enriquecido ofrece muchas funciones de edición para realzar el texto. En particular usted puede aplicar y mezclar juntos varias fuentes, tamaños y colores, como así también aplicar vínculos a una parte del texto seleccionado, por ejemplo:
Este es un elemento de texto enriquecido
Para insertar un nuevo elemento de texto enriquecid o:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto ..
3. Haga clic en siguiente para Insertar un nuevo bloque de texto y elija texto enriquecido .
4. Haga clic en el ratón en la posición en la cual usted quiere insertar el elemento. 5. Haga doble clic en el elemento para modificar el texto. 6. Finalice la edición y cambie el tamaño de los límites para ajustar el contenido.
Nota: El texto enriquecido se usa frecuentemente para escribir y modificar en el lugar elementos HTML avanzados como una lista, un párrafo o una tabla. Sugerencia: Use la barra de herramientas de texto enriquecido desde el menú Ver (al editar) cuando quiera hacer modificaciones avanzadas del contenido. Use el menú de contexto del botón derecho del ratón (al editar) para insertar regla o párrafo. Ver también
Texto simple
Texto gráfico
Texto de formato enriquecido.
Barra de herramientas de texto enriquecido
Formato de texto enriquecido
Para convertir texto simple en texto enriquecido:
1. Elija cursor selección. 2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento
aparecen.
3. Active Formato de texto enriquecido del menú Modificar . 4. Un borde alrededor del elemento se agrega a los controladores para indicar que se
trata de un bloque de texto enriquecido. Para convertir texto enriquecido en texto simple:
1. Elija cursor selección.
123
2. Haga clic en el elemento de texto simple. Los controladores alrededor del elemento aparecen.
3. Active Formato de texto enriquecido del menú Modificar . 4. El borde alrededor del elemento se quita para indicar que se trata de un bloque de texto
simple. Nota: Usted también debe quitar la sombra, textura, degradado o vínculo incrustado que puedan convertir al elemento en un texto gráfico. Ver también
Texto simple
Texto enriquecido
Texto gráfico
Barra de herramientas de texto enriquecido
Barra de herramientas de texto enriquecido
La Barra de herramientas de texto enriquecido le asistirá en la edición avanzada de texto enriquecido al dar formato a un texto, una lista o una tabla. Para editar texto enriquecido:
1. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de texto.
2. Abra Barra de herramientas de texto enriquecido desde el menú Ver. 3. Haga una selección del texto.
4. Haga clic en Tamaño de fuente para modificar el tamaño del texto. 5. Cierre la barra de herramientas de texto enriquecido en cualquier momento si no la
necesita.
Para edición de texto:
Lista de viñetas. Alterna una lista para dar format o para párrafos seleccionados.
Lista con números. Alterna una lista para dar form ato a los párrafos seleccionados.
Aumenta sangría. Inserta sangría en el párrafo sel eccionado.
Disminuye sangría. Disminuye la sangría en el párr afo seleccionado.
Estilo de fuente en negrita. Alterna cara de fuent e en negrita para el texto seleccionado.
Estilo de fuente en cursiva. Alterna cara de fuent e en cursiva para el texto seleccionado.
Cara de fuente. Modifica la fuente, el color y el tamaño del texto en la selección.
Color de la fuente. Modifica en color de la cara de la fuente en la selección.
Tamaño de fuente. Cambia el tamaño de la cara de l a fuente para la selección.
Alinear texto. Alinear el párrafo a la izquierda, centro o lado derecho del rectángulo
124
de límites del elemento.
Para editar tabla:
Insertar tabla en texto enriquecido. Insertar una tabla nueva en la posición del cursor.
Agregar fila de tabla. Insertar una nueva fila en la celda de tabla con el cursor.
Agregar columna de tabla. Insertar una nueva colum na en la celda de tabla con el cursor.
Eliminar fila de tabla. Eliminar la fila en la cel da de tabla con el cursor.
Eliminar columna de tabla. Eliminar la columna en la celda de tabla con el cursor.
Tamaño de borde de tabla. Modificar el tamaño del borde de la tabla seleccionada. El tamaño igual a cero removerá la líneas de la cua drícula de la tabla.
Color de borde de tabla. Modificar el color del b orde y la cuadrícula de la tabla seleccionada..
Fondo de tabla Color. Modificar color y fondo de la tabla seleccionada. o modificar el fondo del color de la celda con el cursor.
Margen interior de tabla. Modificar el margen inte rior para todas las celdas y de la tabla seleccionada.
Alinear tabla. Alinear tabla a la izquierda, el ce ntro o el lado derecho del rectángulo de límites del elemento cuando se selecciona la tab la 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:
125
Texto simple
Texto de formato enriquecido.
Cómo editar texto enriquecido
Cómo mover texto alrededor
Cuando un texto está en modo Objeto, usted puede moverlo alrededor de la página como cualquiera de los objetos en su página. Para mover el texto alrededor:
1. Haga clic en un cuadro de texto una vez para seleccionarlo en modo Objeto. 2. Cuando está seleccionado, el cuadro de texto está rodeado de controladores. 3. Haga clic en el cuadro de texto y arrástrelo alrededor de la página hasta que esté en su
posición correcta. 4. Cancele la selección del cuadro de texto haciendo clic en otra parte de la página.
Cómo cambiar la cara del tipo o fuente:
El botón Fuente le permite cambiar la cara del tipo (también conocida como fuente) de su texto. Usted también puede cambiar el color y el tamaño del texto, como así también agregar efectos tales como negrita, cursiva, tachado y subrayado. Para ajustar la fuente:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Elemento. No haga doble clic
en el texto. Usted no puede cambiar la fuente mientras el texto está en modo Editar.
4. Haga clic en Fuente para mostrar el diálogo Fuente. 5. Desplace hacia abajo la lista Fuente y haga clic en una fuente para seleccionarla. 6. Haga clic en un Estilo de fuente, como Negrita o Cursiva, si lo desea. 7. Haga clic en un Tamaño de fuente de la lista Tamaño, o escriba el tamaño que usted
desea. 8. Haga clic en las checkboxes Subrayado o Tachado , si lo desea. 9. Desplace hace abajo la lista Color y elija un color. 10. Mire la vista previa del texto en el área Ejemplo . 11. Haga clic en Aceptar cuando esté satisfecho con el resultado.
Cómo cambiar el color de su texto
Hay varias maneras de cambiar el color de su texto: � Una forma rápida es cambiar el color usando el botón Fuente . Usted puede elegir entre
16 colores estándar. � Si usted quiere una mayor variedad de colores, cambie su fuente usando el botón
Rellenar . Para cambiar el color de su texto usando el botón f uente:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto .
126
3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en el texto. Usted no puede cambiar el color mientras el texto está en modo Editar.
4. Haga clic en Fuente para mostrar el diálogo Fuente. 5. Desplace hace abajo la lista Color y elija un color. 6. Mire la vista previa del texto en el área Ejemplo . 7. Haga clic en Aceptar cuando esté satisfecho con el resultado.
Para cambiar el color de su texto usando el botón R ellenar:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. 4. No haga doble clic en el texto. Usted no puede cambiar el color mientras el texto está
en modo Editar.
5. Haga clic en para mostrar el diálogo Rellenar.
6. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el diálogo de Colores para aumentar la selección de colores.
7. Haga clic en Aceptar para aplicar el color al texto.
Cómo rellenar el texto con textura
Usted puede rellenar su texto enriquecido con una textura o una trama de la misma forma en que rellena una forma. Para rellenar el texto con textura:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede agregar una textura mientras el texto está en modo Editar.
4. Haga clic en para mostrar el diálogo Rellenar. 5. Haga clic en la ficha Textura para mostrar el diálogo Rellenar con textura.
6. Haga clic en para explorar y elegir una imagen para usar como la textura. 7. Haga clic en la imagen que usted desea usar y haga clic en Abrir . 8. Haga clic en Aceptar para aplicar el relleno de textura.
Nota: Si usted agrega una textura para rellenar el texto - el texto se guardará como una imagen cuando el documento se construya en un sitio Web a menos que usted construya su sitio usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de memoria y no puede ser seleccionado y copiado por visitantes.
Cómo rellenar un texto con un relleno de degradado
Usted puede rellenar su texto enriquecido con un relleno de degradado de la misma forma en que rellena una forma.
127
Para rellenar un texto con un relleno de degradado:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en
el texto. Usted no puede agregar un degradado mientras el texto está en modo Editar.
4. Haga clic en Rellenar para mostrar el diálogo Rellenar. 5. Haga clic en la ficha Degradado para mostrar el diálogo Rellenar con Degradado 6. Elija o escriba el color de comienzo y el color de fin. 7. Establezca el ángulo haciendo clic en el ejemplo de degradado o arrastrándolo. 8. Haga clic en Aceptar para aplicar el relleno de degradado .
Nota: Si usted agrega un degradado para rellenar el texto - el texto se guardará como una imagen cuando el documento se construya en un sitio Web a menos que usted construya su sitio usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de memoria y no puede ser seleccionado y copiado por visitantes.
Cómo cambiar el tamaño del texto
Hay tres formas de cambiar el tamaño de su texto: � Cambiar el texto manualmente, arrastrando la esquina del cuadro de texto con su ratón � Cambiar el texto con precisión, usando el diálogo Fuente � Hacer clic en el botón de texto para seleccionar un tamaño preestablecido.
Para cambiar el tamaño del texto manualmente
1. Haga clic una vez en el texto para seleccionarlo en modo Objeto. No haga doble clic en el texto. Usted no puede cambiar el tamaño del texto mientras el texto está en modo Editar.
2. Ponga su cursor sobre uno de los controladores en la esquina del texto. 3. Cuando su cursor está encima de un controlador de esquina, el puntero cambia a una
flecha de dos puntas. 4. Mantenga presionada la tecla ALT y arrastre el controlador de la esquina en una
dirección diagonal. Arrastre hacia adentro para reducir el tamaño o arrastre hacia afuera para incrementar el tamaño.
5. Suelte el botón del ratón para aplicar la medida nueva. Para cambiar el tamaño del texto usando el diálogo Fuente:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto
4. Haga clic en Fuente para mostrar el diálogo Fuente. 5. Haga clic en un tamaño de fuente de la lista Tamaño o escriba el tamaño que usted
desea. 6. Mire la vista previa del texto en el área Ejemplo . 7. Haga clic en Aceptar cuando esté satisfecho con el resultado.
128
Para cambiar el tamaño del texto usando los tamaño s preestablecidos:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto
4. Haga clic en Tamaño . Una lista de tamaños preestablecidos se despliega hacia abajo.
5. Elija una medida de la lista.
Cómo agrandar el cuadro de texto
El texto en los documentos de Web fluye dentro de un cuadro de texto. SI el cuadro de texto es demasiado pequeño, parte del texto no se mostrará cuando el sitio Web se muestre en un explorador de Web. Porque los diferentes exploradores de Web muestran texto en diferentes tamaños, se recomienda agrandar el cuadro de texto para permitir al espacio adicional que compense estas diferencias .No es suficiente dejar espacio debajo o alrededor del bloque de texto porque el cuadro de texto no se cambia de tamaño a sí mismo. El texto que no encaja dentro del cuadro estará oculto. Para agrandar el cuadro de texto:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto 4. Ponga su cursor sobre uno de los controladores en la esquina del texto. 5. Cuando su cursor está encima de un controlador de esquina, el puntero cambia a una
flecha de dos puntas. 6. Arrastre el controlador de la esquina hacia afuera en una dirección diagonal.
Nota: Si usted no puede ver los controladores es que usted no ha seleccionado el texto, o éste está en modo Editar. Haga clic en alguna parte de la página para salir del modo Editar y haga clic en el texto una vez más.
Cómo justificar texto
Justificar texto significa alinearlo dentro del cuadro de texto. El texto puede ser justificado hacia la izquierda, la derecha o el centro del cuadro de texto. Se puede usar texto enriquecido para el formato del párrafo, objeto seleccionado o el texto en la celda de la tabla.
Justifica
r Texto
Elemento de
Texto seleccion
ado
Párrafo de texto
enriquecido
Texto enriquecid
o Celda de
tabla
Izquierda sí sí sí Centro sí sí sí
129
Derecha sí sí sí Justificar sí
Arriba Medio Abajo
Para justificar texto:
Para cambiar el tamaño del texto usando el diálogo Fuente:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Texto .
4. Haga clic en Justificar . 5. Una lista se despliega hacia abajo, ofreciendo un selección de justificaciones. Elija
una de las opciones de la lista haciendo clic en ella. Para justificar párrafo de texto enriquecido:
1. Abra la Barra de herramientas de texto enriquecido desde el menú Ver (al editar). 2. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de
texto 3. Haga una selección de párrafos o simplemente haga clic cerca del texto que usted
desea justificar .
4. Haga clic en Justificar Texto para justificar el texto a la izquierda, derecha, centro o a la izquierda o la derecha del cuadro de texto.
Para alinear el texto en la celda de tabla:
1. Abra la barra de herramientas de Texto enriquecido del menú Ver. 2. Haga doble clic en el elemento de texto enriquecido para iniciar el modo de edición de
texto 3. Haga clic en la celda de tabla para hacer una selección.
4. Haga clic en Alinear tabla y elija Izquierda, Centro o Derecha para alinear el texto horizontalmente en los límites de la celda de la tabla..
5. Haga clic en Alinear tabla y elija Arriba, Medio o Abajo para alinear el texto verticalmente en los límites de la celda de tabla.
Nota: Es posible tener muchos niveles de las configuraciones de justificación en el texto enriquecido y algunas son exclusivas, por ejemplo: justificar el texto en el elemento seleccionado, justificar el párrafo del texto, alinear el, texto en la celda de la tabla o hasta justificar el párrafo del texto en la celda de la tabla. El texto simple o gráfico no pueden ser justificados mientras se edita.
Cómo agregar sombras al texto
Usted puede agregar sombras a su texto, variando el color, la opacidad, el desenfocado y los
130
valores de offset. Para agregar sombras al texto
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en para mostrar la barra de herramientas de Texto . 3. Haga clic una vez en el texto para seleccionarlo en modo Objeto
4. Haga clic en Sombra para mostrar el diálogo Rellenar. 5. Haga clic en la check box. Mostrar sombra. Una vista previa de la sombra aparece
bajo las palabras ‘Ejemplo de sombra’. 6. Arrastre los controles deslizantes para determinar la opacidad, el desenfoque, el offset
X y el offset Y de la sombra. Mantenga su ratón sobre un control deslizante para ver un elemento emergente (pop-up) del valor seleccionado.
7. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en para aumentar la selección de colores. a elegir.
8. Haga clic en Aceptar para aplicar la sombra. Nota: Cuando usted agrega una sombra a un texto:
� Si construye un documento en un sitio Web HTML, el texto se guarda como una imagen.
� Si usted construye un documento en un sitio DHTML, el texto permanece en formato de texto.
Listas con viñetas
Web Easy inserta automáticamente un formato de listas con viñetas en el texto simple si: � Dos o más oraciones comienzan con ‘*’ o ‘ -‘ , � El símbolo está seguido de un espacio, y � Cada oración comienza en la misma posición.
Cuando el documento se construye dentro de un sitio Web, la lista se indenta automáticamente
Para crear una lista con viñetas:
1. Escriba un símbolo, o ‘*’ o ‘ -‘ , y un espacio vacío. 2. Escriba el primer elemento de la lista. 3. Presione la tecla INTRO para comenzar una nueva línea. 4. Repita para el elemento de lista siguiente.
Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido
Listas con numeración
Web Easy inserta automáticamente un formato de listas numeradas en el texto simple si cada oración comienza con un número, un punto y un espacio vacío, y si cada oración comienza en una nueva línea.
131
Cuando el documento se construye dentro de un sitio Web, la lista se indenta automáticamente y cualquier error que pueda haber en la numeración se corrige automáticamente. Para crear una lista con numeración:
1. Escriba un número (o una letra), un punto y un espacio vacío. 2. Escriba el primer elemento de la lista. 3. Presione la tecla INTRO para comenzar una línea nueva. 4. Repita el elemento siguiente en la lista.
Nota: Cuando Web Easy inserta automáticamente un formato de listas numeradas, agrega una línea extra antes y después del texto. Por lo tanto, usted debería agrandar el cuadro de texto siempre luego de crear una lista. Tipos de listas con numeración que usted puede crear: Números arábigos:
Números romanos:
Letras mayúsculas :
Letras minúsculas:
1. Uno I. Uno A. Uno a. Uno 2. Dos II. Dos B. Dos b. Dos 3. Tres II. Tres C. Tres c. Tres Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido
Listas dentro de listas
Usted puede crear listas dentro de listas en texto simple, con la segunda lista automáticamente indentada a un nivel más interior que la primera. El segundo nivel de la lista puede ser una lista con viñeta o una lista con numeración. También puede ser de la misma clase que la primera, pero cada elemento debe comenzar en una línea nueva, después de un espacio vacío. Para crear una lista dentro de otra lista:
Paso 1 - Crear la primera lista
1. Escriba un número (o letra), un punto y un espacio vacío. (O un símbolo de viñeta y un espacio vacío).
2. Escriba el primer elemento de la lista. 3. Presione la tecla INTRO para comenzar una línea nueva. 4. Repita con el elemento siguiente en la lista. 5. Continúe hasta que la primera lista esté completa
Paso 2 - Crear la lista dentro de la lista
1. Coloque su cursor donde debe comenzar la segunda lista y luego presione la tecla INTRO para comenzar una línea nueva.
2. Coloque su cursor al comienzo de la línea vacía. 3. Escriba un espacio vacío, un número (o letra), un punto y espacio vacío.
132
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.
137
Usted puede crear un tercer nivel en su lista. Simplemente comience cada línea con dos espacios vacíos. Ver también
Cómo editar texto enriquecido
Barra de herramientas de texto enriquecido
Sugerencias para el diseño de texto
� Es mejor usar fuentes comunes disponibles en su diseño. Cuando diseñe sus páginas Web, tenga presente que algunas fuentes en su sistema pueden no estar disponibles en otros sistemas. Si una fuente hermosa pero inusual se usa en una página Web, cuando la página se vea en otro sistema sin esa fuente, otra fuente la substituirá. Esto puede resultar en que el diseño aparezca poco atractivo (o peor aún) a los otros.
� Planee usar tamaños de fuente diferentes en su diseño. HTML especifica el tamaño de texto como un número simple que es interpretado de acuerdo con la configuración individual del explorador. Lo que esto significa es que el tamaño de fuente puede variar dentro de un rango de valores. Al establecer un tamaño más grande para un elemento de texto que para otro elemento significa que éste aparecerá como más grande en todos los sistemas, pero puede que no sea exactamente del mismo tamaño. Cuanto más grande sea el bloque de texto, el efecto será mayor. Teniendo en cuenta este efecto, cuando usted modifique texto, agrande el cuadro de texto para permitir espacio extra. No es suficiente con dejar espacio debajo o alrededor del bloque de texto, como el cuadro de texto no cambiará de tamaño por sí mismo. El texto que no encaja dentro del cuadro desaparecerá.
� Trate de no superponer texto cuando diseñe un sitio Web HTML. Superponer otro elemento sobre texto en sitios Web HTML puede producir resultados inesperados. Superponer texto sobre imágenes no produce un problema. Esto no es un problema con sitios Web dinámicos o con CSS , ya que los elementos son exportados separadamente.
139
Cómo agregar texto desde el Asistente de texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Una forma rápida y fácil de agregar texto a su documento es la de usar los elementos de texto ya preparados, desde el Asistente de texto. Para agregar texto:
1. Desplieque el Asistente de Texto.
¿Cómo? 2. Seleccione un catálogo desde la lista desplegable. 3. Seleccione el texto para insertar desde el cuadro de lista en el Asistente de texto. 4. Arrastre y coloque este texto dentro de su página, al lugar donde quiere colocarlo.
Cómo agregar su propio texto al Asistente de texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede personalizar su Asistente de texto agregando sus propias frases usadas a menudo. Para agregar su propio texto al Asistente de texto:
1. Agregar el texto a su página. 2. Presionar ESC para terminar de insertar su texto, luego haga clic una vez en el
elemento de texto para seleccionarlo en el modo Objeto. 3. Despliegue el Asistente de texto.
¿Cómo?
4. En el cuadro de la lista desplegable, seleccione el catálogo en el Asistente de texto donde guardar el texto.
5. Haga clic en . El elemento seleccionado se agrega al catálogo en el Asistente de Texto.
Cómo eliminar texto del Asistente de texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') 1. Despliegue el Asistente de texto.
¿Cómo? 1. Selecione el catálogo en el Asistente de texto donde se encuentra el texto, por
ejemplo, Pesca . 2. Seleccione el texto a eliminar.
3. Haga clic en para eliminar el texto.
141
Cómo dibujar y editar formas
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Dibujar y editar formas es fácil con Web Easy. Usted puede crear formas desde líneas rectas, curvas, polígonos o polilíneas, o dibujar rectángulos y óvalos. Usted puede editar las formas fácilmente arrastrando sus esquinas o ajustar los colores, el grosor de línea y los rellenos rápidamente. Usted puede agregar sombras a las formas o convertirlas en vínculos. Es importante comprender que las formas que agregue serán guardadas como una imagen cuando usted exporte su sitio. Yo quiero:
Dibujar líneas rectas
Dibujar curvas
Dibujar polígonos
Dibujar polilíneas
Dibujar rectángulos
Dibujar óvalos
Cómo dibujar líneas
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') La herramienta de línea le permite dibujar líneas, polígonos, polilíneas, curva y curvas sólidas. Para dibujar una línea recta:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. 4. Haga clic en Línea para dibujar una línea recta. 5. Haga clic con su ratón en el lugar donde quiere comenzar la línea. 6. Arrastre el ratón en la dirección en que usted quiere que la línea continúe. 7. Mientras usted arrastra, una vista previa de su línea aparece en la forma de una línea
punteada. 8. Suelte el ratón para terminar de dibujar.
Sugerencia: Mantenga presionada la tecla MAYÚS, mientras dibuja, para mantener la línea perfectamente horizontal o vertical.
Cómo dibujar polígonos
142
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Un polígono es una forma cerrada, hecha de una colección de líneas rectas. La herramienta polígono le ayuda a crear un polígono. Todo lo que debe hacer es indicar la ubicación de las esquinas del polígono. Para dibujar un polígono:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. 4. Haga clic en Polígono . 5. Haga clic con su ratón en el lugar donde quiere que el polígono comience. 6. Haga clic otra vez para indicar la ubicación de la próxima esquina del polígono. 7. Continúe haciendo clic para agregar esquinas al polígono. 8. Haga doble clic con el ratón para cerrar el dibujo. Si su ratón no está en el lugar exacto
donde usted comenzó a dibujar, se dibuja una línea desde el punto de partida y el punto donde usted hizo doble clic.
Cómo dibujar polilíneas
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Una polilínea es una línea hecha de una colección de líneas..Es similar a un polígono, excepto que la forma no está cerrada al final. La herramienta polilínea le ayuda a crear una polilínea. .Todo lo que debe hacer es indicar la ubicación de las esquinas de la polilínea. Para dibujar una polilínea:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. 4. Haga clic en Polilínea . 5. Haga clic con su ratón en el lugar donde quiere que la polilínea comience. 6. Haga clic otra vez para indicar la ubicación de la próxima esquina de la polilínea.. 7. Continúe haciendo clic para agregar esquinas. 8. Haga doble clic con el ratón para cerrar el dibujo.
Cómo dibujar curvas
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede dibujar curvas fácilmente con la herramienta curva. Es como crear una polilínea,
143
excepto que las líneas son curvas y no derechas. Todo lo que usted debe hacer es clic para indicar el lugar para las curvas. Para dibujar una línea curva:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. 4. Haga clic en Curva .para dibujar una línea curva. 5. Haga clic con su ratón en el lugar donde la línea se curva. 6. Haga clic otra vez para indicar la ubicación de la próxima curva en la línea curva.. 7. Haga doble clic con el ratón para finalizar el dibujo. 8. Una vez que haya dibujado la curva, usted puede editarla fácilmente y ajustar los
ángulos de las curvas hasta que sea perfecto. Nota: Una línea curva necesita por lo menos un punto de partida, un punto de llegada y un punto donde ocurre la curva. Si usted usa la herramienta curva y hace clic menos de tres veces, una línea curva no se dibujará.
Cómo dibujar una forma curva sólida
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede dibujar formas curvas fácilmente con la herramienta de curva sólida. Es como crear un polígono, excepto que las líneas son curvas y no derechas Todo lo que usted debe hacer es clic para indicar el lugar para las curvas. Para dibujar una forma curva sólida:.
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. 4. Haga clic en Curva sólida. 5. Haga clic con su ratón en el lugar donde quiere comenzar la forma curva. 6. Haga clic otra vez para indicar la ubicación de la próxima curva en la forma. 7. Continúe haciendo clic para agregar curvas a la forma. 8. Haga doble clic con el ratón para finalizar el dibujo. Si su ratón no está en el lugar
exacto donde usted comenzó a dibujar, se dibuja una línea desde el punto de partida y el punto donde usted hizo doble clic.
9. Una vez que haya dibujado la forma curva, usted puede editarla fácilmente y ajustar los ángulos hasta que sea perfecto.
Cómo dibujar cuadrados y rectángulos
144
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede dibujar cajas de forma cuadrada o rectangular. Estas cajas pueden ser contornos o cajas sólidas, rellenas de color. Usted puede cambiar el color de la caja o rellenarla de un degradado o una textura de relleno. Para dibujar un cuadrado o un rectángulo
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. � Seleccione Caja para dibujar una caja transparente, o � Seleccione Caja sólida para crear una que está llena de color. 4. Haga clic con el ratón en el punto donde quiere comenzar a dibujar. Ese punto se
convertirá en una de las esquinas de su caja. 5. Arrastre el ratón en una dirección diagonal. 6. Mantenga presionada la tecla MAYÚS mientras dibuja para mantener los lados
proporcionales, para mantener un cuadrado perfecto. 7. Suelte el ratón para terminar de dibujar la caja.
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Cómo dibujar círculos y óvalos
Para dibujar un círculo o un óvalo
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en la flecha al lado de Forma para mostrar la lista de formas. � Seleccione Óvalo para dibujar un óvalo transparente, o � Seleccione Óvalo sólido para crear uno que está llena de color. 4. Haga clic con el ratón en el punto donde quiere comenzar a dibujar y arrastre el ratón
en una dirección diagonal. 5. Mantenga presionada la tecla MAYÚS mientras dibuja para lograr un círculo perfecto. 6. Suelte el ratón para terminar de dibujar .
Cómo editar una línea
Luego de haber dibujado una línea, usted puede cambiar su ángulo y su longitud. Para editar una línea:
1. Haga clic en la línea que usted quiere editar. 2. Los controladores aparecen a cada lado de la línea. 3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una flecha
145
de doble punta. 4. Arrastre el controlador en cualquier dirección. Si lo aleja, la línea se estira en línea con
sus movimientos. Si usted mueve el ratón en una dirección diferente, la línea cambiará su ángulo.
5. Suelte el botón del ratón para aplicar los cambios. Ver también
Cómo cambiar el color de una línea
Cómo editar curvas
Luego de haber dibujado una línea curva, usted puede cambiar la longitud de la línea y los ángulos de las curvas.
1. Para editar una curva:
1. Haga clic en la línea que usted quiere editar. 2. Los controladores aparecen en las curvas y en ambos extremos. 3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una
flecha de cuatro puntas. 4. Arrastre el controlador en cualquier dirección. Si lo aleja, la curva se estira en línea
con sus movimientos. Si usted mueve el ratón hacia afuera, la curva se vuelve más aguda. Si lo mueve hacia adentro, la curva se vuelve más suave.
5. Suelte el botón del ratón para aplicar los cambios.
Cómo cambiar el color de una línea o el contorno de una forma
Usted puede cambiar el color de una línea o forma transparente de la misma forma que usted cambia el color de una forma rellena. La diferencia es que usted sólo puede darle un color sólido: las opciones de degradado y textura no están disponibles para objetos de línea. Si usted quiere agregar un degradado o textura para rellenar una forma transparente, primero deberá a cambiarla a una forma sólida. Para cambiar el color de una línea o el contorno de una forma:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Formas . 3. Haga clic en el objeto para seleccionarlo.
4. Haga clic en para mostrar el diálogo Rellenar.
5. Haga clic en un color de la paleta para seleccionarlo o haga clic en para mostrar el diálogo de Colores personalizados para aumentar la selección de colores.
6. Haga clic en Aceptar para aplicar el color a la línea.
Cómo editar un polígono o polilínea
Luego de haber dibujado un polígono o una polilínea, usted puede ajustar las esquinas y cambiar su forma.
1. Para editar un polígono o polilínea:
1. Haga clic en la forma que usted quiere editar. 2. Los controladores aparecen en las esquinas.
146
3. Coloque su ratón sobre uno de los controladores. El cursor se convierte en una flecha de cuatro puntas.
4. Arrastre el controlador en cualquier dirección. Al moverlo, la forma se estira en línea con sus movimientos.
5. Suelte el botón del ratón para aplicar los cambios.
Cómo agregar un relleno a una forma
Usted puede llenar una forma con una de las tres clases de relleno - color liso , degradado y textura. Seleccione la clase de relleno que usted necesita en el diálogo Rellenar:
� Seleccione Color para rellenar la forma con un color individual. Usted puede seleccionar un color del la lista Seleccionar color o crear su propio color personalizado.
� Degradado le permite rellenar la forma con un degradado entre un color de comienzo y un color de fin. Seleccione los colores de comienzo y fin y establezca al ángulo del degradado haciendo clic en el icono de ángulo de dibujo.
� Use una imagen para rellenar con una Textura . Haga clic con el botón de Explorar para seleccionar otra imagen a usarse como una textura.
� Use una Trama para rellenar con un efecto de trama. Seleccione los colores del primer plano y del fondo y luego escriba el la trama punteada.
Cómo cambiar el grosor de línea de una forma
Usted puede cambiar el grosor de una línea fácilmente. Para ajustar el grosor de línea :
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Seleccione la forma.
4. Haga clic en Estilo para mostrar el menú de Estilo. 5. Haga clic en el grosor de una línea para ajustar la línea a ese grosor.
Cómo convertir una forma linear en una forma sólida
La herramienta Estilo le permite convertir una forma linear en una forma sólida, rellena. Esta acción es reversible - usted puede cambiarla de nuevo a un contorno. Para convertir una forma linear en una forma sólid a:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Seleccione la forma. 4. Elija Forma sólida/Transparente del menú Modificar para alternar el estilo de forma.
5. Haga clic en Estilo y en el grosor de una línea para volver la forma a un contorno.
Cómo convertir una forma sólida en un contorno
147
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') La herramienta Estilo le permite reducir una forma sólida y rellena a un contorno. Esta acción es reversible - usted puede cambiarla de nuevo a una forma sólida y su relleno original será restaurado. Para convertir una forma en un contorno:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Seleccione la forma. 4. Elija Estilo para mostrar el menú de estilos de línea. 5. Haga clic en un grosor de línea para reducir la forma a un contorno de ese grosor. 6. Elija Forma sólida del menú Modificar para devolver el objeto a su forma sólida
original.
Cómo agregar sombras a una forma
Usted puede agregar diferentes clases de sombras a sus formas. Para agregar una sombra:
1. Seleccione la forma o formas.
2. Haga clic en Sombra para mostrar el diálogo de sombra. 3. Haga clic en la check box ‘Mostrar sombra’. Una vista previa de la sombra aparece
debajo de las palabras "Ejemplo de sombra". 4. Arrastre los controles deslizantes para determinar la opacidad, el desenfoque, el offset
X y el offset Y de la sombra. Mantenga el ratón sobre un control deslizante para ver un mensaje emergente del valor seleccionado.
5. Haga clic en un bloque de color para elegir un color para la sombra, o haga clic en para elegir entre más colores.
6. Haga clic en Aceptar para aplicar la sombra.
149
Cómo organizar elementos sobre la página
Las fotos, formas y textos en su página son elementos que pueden ser movidos y organizados. Usted puede agruparlos, alinearlos, espaciarlos en forma uniforme o reorganizar el orden de sus capas Yo quiero:
Alinear un grupo de elementos
Ubicar un elemento en el centro de la página
Organizar elementos con un espaciado uniforme
Agrupar una serie de elementos
Hacer elementos de idéntico tamaño
Cambiar el orden de las capas
Cómo alinear elementos
Los elementos pueden ser alineados uno con otro. Usted puede alinear elementos a lo largo de sus bordes superior, inferior, derecho e izquierdo. Los elementos se alinearán en relación con el que fue seleccionado por último. Para alinear elementos:
1. Seleccionar los elementos para alinear. El último elemento seleccionado será el que determine a los otros elementos a alinearse con él.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Alinear para mostrar la lista de posiciones de alineamiento - Superior , Izquierda , Derecha e Inferior .
5. Seleccione una posición para alineamiento. Ver también
Cómo alinear elementos a lo largo de sus centros
Cómo ajustar una selección
Web Easy le facilita hacer que los elementos se ajusten entre sí de una serie de formas. Al usar el diálogo Ajustar, usted puede:
� Ajustar una imagen seleccionada a un marco o un marco a una imagen seleccionada. � Alinear una selección de elementos a su punto central ya sea vertical u
horizontalmente. � Espaciar uniformemente una selección de elementos ya sea vertical u horizontalmente. � Ajustar una selección de elementos a una página para que llenen todo el espacio
disponible. � Ubicar una selección de elementos en el centro de una página. � Hacer dos elementos de tamaño idéntico.
Para ajustar una selección:
1. Haga clic en para mostrar la barra de herramientas de Edición.
150
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Seleccione el elemento o los elementos a ajustarse.
4. Haga clic en Ajustar para mostrar el diálogo Ajustar. 5. Haga clic en una ficha para traer uno de los cuatro diálogos al primer plano: � Marco - para ajustar un marco a una foto o una foto a un marco. � Selección - para alinear una selección de elementos a su punto central o para
espaciarlos de forma uniforme. � Página - para ajustar una selección de elementos de modo que llenen la página o para
ubicarlos en el centro de la página. � Medida - para hacer que los elementos sean de tamaño idéntico. 6. Seleccione una opción y haga clic en Aceptar.
Yo quiero:
Ajustar una imagen y un marco seleccionados
Alinear una selección de elementos a lo largo de sus centros
Espaciar uniformemente una selección de elementos
Encajar una selección de elementos a una página
Ubicar una selección de elementos en el centro de la página
Hacer dos elementos de idéntico tamaño
Cómo alinear elementos a lo largo de sus centros
Usted puede alinear un grupo de elementos a lo largo de sus puntos centrales. A diferencia de la herramienta para alineamiento, que alinea los bordes de los elementos, esta herramienta alinea sus centros con relación al punto central del último elemento seleccionado. Para alinear elementos con respecto a su punto cent ral:
1. Seleccione los elementos para alinear. El último elemento seleccionado será el que determine a los otros elementos a alinearse con él.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar . 5. Haga clic en la ficha Selección para traer el diálogo Ajustar selección al primer plano. 6. Seleccione: � ‘Centrar la selección verticalmente, o � ‘Centrar la selección horizontalmente.
7. Haga clic en ACEPTAR. 8. Los elementos se alinean a lo largo de sus centros. Ver también
Cómo alinear elementos
151
Cómo espaciar elementos de forma uniforme
Si usted tiene varios elementos en la página, usted puede distribuirlos uniformemente para que los espacios entre ellos sean idénticos. Usted puede espaciar cualquier clase de elemento fotos, formas o cuadros de texto. Para espaciar elementos de forma uniforme:
1. Seleccione los elementos para ser espaciados.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar . 5. Haga clic en la ficha Selección para traer el diálogo Ajustar selección al primer plano. 6. Seleccione:
� ‘Espaciar la selección verticalmente, o � ‘Espaciar la selección horizontalmente.
7. Haga clic en ACEPTAR para completar el procedimiento. 8. El o los elementos son espaciados uniformemente.
Cómo ajustar la selección a la página
Usted puede encajar una selección de elementos a la página para que ellos llenen todo el espacio disponible.
� Si usted elije ‘Ajuste la selección a la página’, los elementos son estirados hasta encajar en la página exactamente.
� Si usted elige Ajuste la selección proporcionalmente a la página’, los elementos seleccionados mantienen sus proporciones anteriores. Puede que parte del espacio quede vacío.
Para ajustar la selección a la página
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Seleccione el o los elementos para ser encajado a la página.
4. Haga clic en Ajustar para mostrar el diálogo Ajustar . 5. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano. 6. Seleccione: � ‘Ajustar la selección a la página, o � ‘Ajustar proporcionalmente la selección a la página. 7. Haga clic en ACEPTAR
152
Cómo centrar elementos
Usted puede ubicar un elemento o un grupo de elementos en el centro de la página. Para ubicar un elemento en el centro de la página:
1. Seleccione el o los elementos a ser centrados.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar . 5. Haga clic en la ficha Página para traer el diálogo Ajustar página al primer plano. 6. Seleccione: ‘Centrar la selección en la página’
7. Haga clic en ACEPTAR para completar el procedimiento. 8. Los elementos son movidos al centro de la página. Ver también
Cómo alinear elementos a lo largo de sus centros
Cómo hacer que los elementos tengan idéntico tamaño
Usted puede cambiar el tamaño de los elementos rápidamente de manera que tengan idéntico tamaño. Para hacer que los elementos tengan idéntico tamaño :
1. Seleccione los elementos para ser convertidos a idéntico tamaño. El tamaño de los elementos seleccionados estará de acuerdo con las medidas del último elemento seleccionado..
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar . 5. Haga clic en la ficha Medida para traer el diálogo Ajustar medida al primer plano. 6. Seleccione: ‘Hacer de la misma medida’ 7. Usted puede revertir este procedimiento haciendo clic en ‘Restaurar el tamaño original
de la imagen’. 8. Haga clic en ACEPTAR para completar el procedimiento.
Cómo cambiar el orden de las capas
Los elementos sobre una página están arreglados en capas. El primer elemento que usted ubica sobre una página está en la capa inferior y el más reciente es ubicado en la parte superior. Si usted arrastra un elemento sobre otro la capa más arriba de todas cubre la otra. Usted puede reorganizar la forma en que las capas están apiladas. Usted puede tomar un elemento y enviarlo una capa hacia arriba o hacia abajo, o enviarlo al frente o al fondo del
153
grupo entero. Para cambiar el orden de las capas:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Seleccione el elemento a ser movido hacia atrás o hacia adelante.
4. Haga clic en Ordenar para mostrar la lista de opciones de Capas. 5. Elija un elemento de la lista:
� Haga clic en Traer al frente para traer el elemento arriba de la pila de capas. � Haga clic en Enviar atrás para enviar el elemento al fondo de la pila de capas. � Haga clic en Traer adelante para traer el elemento arriba una capa. � Haga clic en Enviar atrás ` para enviar el elemento atrás una capa.
6. Haga clic en ACEPTAR para completar el procedimiento.
Barra de herramientas de capas
La Barra de herramientas de capas le asiste en editar los elementos sobre la página. Use botones de selección para navegar a través de las capas o para ocultar provisionalmente los elementos que oscurecen el diseño en las capas del fondo. La barra de herramientas de capas está disponible desde el menú Ver en cualquier momento, excepto cuando se edita texto enriquecido. Cuando se edite texto enriquecido habrá una barra de herramientas de texto enriquecido en su lugar. Sugerencia Use el menú de contexto, en el botón derecho del ratón, para acceder las operaciones en las capas.
Cómo agrupar elementos
Dos o más elementos pueden ser agrupados juntos en una entidad que se mueve alrededor como un elemento individual. Usted puede editar un elemento agrupado, editando simultáneamente todos los elementos que se agrupan en él. Para agrupar elementos:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Seleccione el o los elementos a ser agrupados.
4. Haga clic en Agrupar para mostrar las opciones de Agrupar - Unir y Dividir . 5. Haga clic en Unir para unir los elementos seleccionados. 6. Los controladores de selección aparecen alrededor del grupo de elementos. Ahora
pueden ser cambiados de tamaño o editados como un grupo. Nota: Usted puede ejecutar más funciones de edición en un grupo de elementos si los elementos son del mismo tipo, por ejemplo, todas to nalidades o todas fotos. Por
154
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 fo to. Similarmente, si usted agrupa una foto y una forma, usted puede rotar la foto per o no la forma.
Cómo disolver un grupo de elementos
Un grupo de elementos que han sido unidos en un grupo puede ser disuelto fácilmente otra vez. Para disolver un grupo de elementos:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
3. Seleccione el grupo de elementos.
4. Haga clic en Agrupar para mostrar las opciones de Agrupar - Unir y Dividir . 5. Haga clic en Dividir para dividir el grupo. 6. Los controladores de selección aparecen alrededor del grupo de los elementos
individuales.
Cómo bloquear elementos
Un elemento bloqueado no puede ser seleccionado y editado. Está bloqueado en su lugar hasta que usted elija desbloquearlo. Bloquear puede ser muy útil si usted tiene muchos elementos en su página y quiere editar algunos de ellos sin mover accidentalmente aquellos que están completados. Para bloquear elementos:
1. Seleccione el elemento a bloquearse. 2. Haga clic en Bloquear desde el menú Organizar y elija Bloquear . 3. Los controladores de selección alrededor del elemento desaparecen. No puede ser
seleccionado o editado hasta que es desbloqueado.
Cómo desbloquear elementos
Los elementos que han sido bloqueados pueden ser fácilmente desbloqueados nuevamente. Para desbloquear elementos:
1. Haga clic en Bloquear desde el menú Organizar y elija Desbloquear todo para desbloquear los elementos bloqueados en la página.
2. Los controladores de selección reaparecen alrededor de los elementos bloqueados. Éstos pueden ser ahora seleccionados y editados.
Nota: Usted no puede desbloquear elementos individualmente bloqueados en Web Easy porque los elementos bloqueados no pueden ser seleccionados.
Cómo mostrar la cuadrícula
La cuadrícula es una red de puntos en el fondo de su documento, que ayuda a alinear elementos. La cuadrícula no puede ser impresa. No aparece cuando usted construye su sitio Web y lo mira en un explorador de Web por Internet. Usted puede elegir si desea o no mostrar la cuadrícula.
155
Para mostrar la cuadrícula:
1. Abra su documento. 2. Del menú Herramientas, elija Opciones. 3. Haga clic en la ficha Cuadrícula para traer el diálogo de Opciones de cuadrícula al
primer plano. 4. Haga clic en la checkbox ‘Mostrar trama de cuadrícula sobre la página. 5. Cambie el color de la cuadrícula, si lo desea, haciendo clic en un nuevo color desde las
cajas coloreadas al lado de ‘Color de trama’. 6. Cambie el espaciado de la cuadrícula si lo desea. 7. Haga clic en ACEPTAR .
Sugerencia: Aunque usted no haya activado la visualización de la cuadrícula, usted puede ver la posición de los elementos en el panel medio de la barra de estado. Por ejemplo, la entrada "35,250" significa que la esquina superior izquierda del elemento seleccionado en ese momento está a 35 pixeles hacia adentro desde la izquierda de la página, y 250 pixeles hacia abajo desde la parte superior de la página.
Cómo forzar elementos a la cuadrícula
Usted puede forzar elementos en su página para que se alineen con el espaciamiento de la cuadrícula. Si usted activa la opción Forzar a la cuadrícula , los elementos serán forzados a alinearse fácilmente a lo largo de las líneas de la cuadrícula cuando usted los mueve o los cambia de tamaño. Para activar Forzar a la cuadrícula:
1. Desde el menú Herramientas , elija Opciones . 2. Haga clic en la ficha Cuadrícula para traer el diálogo de las opciones de cuadrícula al
frente. 3. Seleccione la checkbox. ‘Forzar a la cuadrícula al mover o cambiar de tamaño‘. 4. Haga clic en ACEPTAR .
157
Acerca de los vínculos
Cuando usted agrega un vínculo a un elemento en un sitio Web, usted prepara las condiciones para que algo ocurra, cuando un visitante haga clic en ese elemento. Usted pude crear vínculos que salten a una ubicación distinta en su sitio Web, abran un sitio diferente, comiencen un programa, ejecuten un archivo de sonido, y más... Usted puede agregar un vínculo a cualquier elemento - un pedazo de texto, una foto, un dibujo. Frecuentemente, los diseñadores agregan vínculos a los gráficos en la forma de botones. Web Easy contiene una colección de botones para que usted los use en sus vínculos. Mírelos en la carpeta de Botones, dentro de la carpeta de Imágenes Prediseñadas que está dentro de su carpeta Web Easy, en su ordenador. Nota: Los vínculos solamente funcionarán después de que usted construya su documento dentro de un sitio Web o sitio Web dinámico. Para probar los vínculos, construya su documento o haga clic en el botón Vista previa en la barra de herramientas de Construir Yo quiero:
Crear un vínculo a una página diferente en mi sitio Web
Crear un vínculo a otro sitio Web
Crear un vínculo que comienza un programa
Crear un vínculo a un archivo de sonido
Cómo elegir colores de vínculo
Cuando usted construye su documento Web en un sitio Web o sitio Web dinámico, usted puede establecer los colores para vínculo - los colores del hipertexto. Usted puede establecer tres colores diferentes, para:
� Un vínculo Estándar (uno que no ha sido usado antes en el mismo ordenador), � Un vínculo que ha sido Visitado (ya se le ha hecho clic), � Un vínculo que está Activo en el momento (el vínculo de destino todavía no ha sido
alcanzado). Para cambiar el color de un vínculo:
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Construir para mostrar la barra de herramientas de Construir.
3. Haga clic en Sitio Web . El diálogo Construir aparece. 4. Para establecer o cambiar el color de los vínculos Estándar, Visitado y Activo, haga clic
en el bloque de color apropiado para mostrar el cuadro de diálogo de Color . 5. Escriba las otras configuraciones de Construir y haga clic en ACEPTAR.
Cómo agregar un vínculo a un elemento
Agregar vínculos a fotos, formas o textos. Cuando usted construya su sitio Web, estos vínculos reaccionarán cuando los visitantes hagan clic en ellos: puede que salten a otra ubicación, que comiencen un programa, reproduzcan un archivo de sonido, abran un sitio Web diferente, y más cosas todavía. Para agregar un vínculo:
158
1. Haga clic en para mostrar la barra de herramientas de Editar . 2. Seleccione el elemento al cual usted quiere agregar el vínculo.
3. Haga clic en Vínculos para mostrar el diálogo de Vínculos . 4. Seleccione: � la ficha Navegar el documento para crear un vínculo para navegar el documento o � la ficha Internet para crear un vínculo Internet. � la ficha de Audio para agregar un Audio. 5. Seleccione el tipo de vínculo requerido, y escriba sus detalles.
Sugerencia Hay un indicador acerca de cómo el vínculo debería abrirse en un explorador de Internet:
Mostrar destino en ventana nueva.
Mostrar destino en la misma ventana. Usted puede cambiar una ventana de destino del explorador de Internet simplemente haciendo
clic en este icono.
Ver también
Cómo agregar un vínculo para navegar el documento
Cómo agregar un vínculo de Internet
Cómo agregar un vínculo de Audio
Cómo probar los vínculos
Los vínculos que usted agrega a su documento sólo funcionarán después de que usted los construya dentro de un sitio Web HTML simple,dinámico o con CSS . Para probar rápidamente si el vínculo funciona, cree una vista previa de su sitio Web. Para crear una vista previa:
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Construir para mostrar la barra de herramientas de Construir .
3. Haga clic en Vista previa ., (o en el icono de su navegador predeterminado).
4. Haga clic en para que se seleccione ‘Todas las páginas. 5. Haga clic en ACEPTAR si se requiere confirmación. 6. Una vista previa de su sitio Web se muestra en su explorador de Web. Haga clic en
sus objetos vinculados para verificar que trabajan correctamente. ¡Importante! La vista previa es solamente un documento provisorio. Todavía necesitará construir el documento dentro de un sitio Web HTML simple,dinámico o con CSS para poder publicarlo en Internet. Ver también:
Asistente de mapa de sitio
159
Cómo usar el Asistente de mapa de sitio
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') El Asistente de mapa de sitio le permite ver, verificar y administrar todos los vínculos en su documento. Elija una página y abra el Asistente de mapa de sitio para ver los vínculos a y desde esa página. También puede modificar los vínculos desde dentro del Asistente de mapa de sitio. Para abrir el Asistente de mapa de sitio:
� Desde el menú Herramientas , seleccione Asistente de mapa de sitio Ver también
Cómo ver los vínculos con el Asistente de mapa de sitio
Cómo ver los vínculos con el Asistente de mapa de s itio
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') El Asistente de mapa de sitio le facilita el control de los vínculos en su documento .Le permite ver rápidamente los vínculos a y desde cada página. Hay dos áreas de trabajo en el diálogo:
� Panel izquierdo - Jerarquía de los vínculos en la página seleccionada. � Panel derecho - Lista de todos los vínculos desde la página seleccionada.
Los iconos usados para representar las páginas:
No hay vínculos desde esta página (usados también al denominar la página inicial para el mapa de sitio) .
La página es seleccionada como la Página Primaria para el sitio Web.
Una página del documento de sitio Web.
Para ver los vínculos en el sitio Web:
1. Desde el menú Herramientas, seleccione el Asistente de mapa de sitio. 2. El Asistente de mapa de sitio aparece, mostrando iconos de todas las páginas de su
documento. 3. Haga doble clic en el icono de la página para ver la jerarquía de los vínculos.
Para ver los vínculos desde una página seleccionada :
1. Haga clic con el botón derecho del ratón en la página del panel izquierdo.
2. Elija el elemento del menú Mostrar vínculos de página para ver los vínculos desde la página.
Para establecer la página primaria del sitio Web: 1. Haga clic con el botón derecho del ratón en la página en el panel izquierdo.
2. Elija el elemento de menú Establecer página como página primaria para hacer que esta página aparezca en primer lugar cuando usted ve su sitio Web.
Para cargar una página:
160
1. Haga clic en el icono de página en el panel izquierdo.
2. Haga clic en Mostrar página de documento . La página seleccionada está cargada detrás del diálogo.
Para cambiar un vínculo:
1. Haga clic en un icono de página en el panel derecho. Usted puede seleccionar muchos vínculos para modificar - mantenga presionada la tecla CTRL y haga clic en la página que usted desea agregar a la selección.
2. Haga clic en Modificar Vínculo para abrir el diálogo vínculo. Haga los cambios necesarios y luego haga clic en ACEPTAR para aceptar el cambio.
Para quitar un vínculo:
1. Haga clic en el icono de pagina del panel izquierdo. Usted puede seleccionar muchos vinculos para edita 'rmantenga presionada la tecla CTRL y haga clic en la página que usted desea agregar a la selección.
2. Haga clic en Quitar vínculo . Los vínculos eliminados pueden ser restaurados mientras el Asistente de mapa de sitio esté activado.
Para resturar un vínculo eliminado:
1. Haga clic en el vínculo eliminado en el panel derecho. Usted puede restaurar muchos vínculos eliminados' mantenga presionada la tecla CTRL y haga clic en la página que usted desea agregar a la selección.
2. Haga clic Restaurar vínculo . Los vínculos eliminados son restaurados a su definición inicial.
Mostrar el vínculo en la página del documento:
1. Haga clic en el icono de vínculo en el panel derecho.
2. Haga clic en Mostrar vínculo en documento . La página que contenía el vínculo seleccionado se carga detrás del diálogo y los controladores de selección se presentan alrededor de este elemento con este vínculo.
Notas Usted no puede agregar nuevos vínculos al documento de sitio Web Site usando el Asistente de mapa de sitio. Estableciendo una página en su diseño para que sea la página primaria la forzará a aparecer en primer lugar cuando su sitio Web se cargue en un explorador de Internet.. Yo quiero:
Agregar un vínculo a una página
Agregar un vínculo a un sitio Web
Agregar un vínculo de programa
Quitar un vínculo
Cómo quitar un vínculo
Para quitar un vínculo:
1. Haga clic en para mostrar la barra de herramientas de Edición. 2. Seleccione el elemento del cual usted quiere quitar el vínculo.
161
3. Haga clic en Vínculos para mostrar el diálogo Vínculos . 4. Seleccione la checkbox Nada . 5. Haga clic en ACEPTAR
Ver también:
Asistente de mapa de sitio
Cómo insertar auto vínculos
Web Easy ofrece una colección de auto vínculos - objetos vinculados listos para utilizar. Estos objetos son botones o textos, y casa uno de ellos provee un vínculo a una página diferente dentro del documento. Web Easy automáticamente calcula cuántas páginas existen en el documento y crea el número correspondiente de vínculos. Después de que usted inserte un auto vínculo, usted puede editar los vínculos o reemplazar las imágenes. Para insertar un auto vínculo:
1. Haga clic en Página para mostrar la barra de herramientas de Editar Página.
2. Haga clic en Formas para mostrar la barra de herramientas de Editar formas .
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto. 4. Haga clic en la ficha de Auto vínculo . 5. Haga clic en el nombre de un auto vínculo para verlo en el cuadro de vista previa. 6. Haga clic en Aceptar para elegir el objeto. 7. Haga clic en la página en el lugar donde usted quiere poner los auto vínculos.
Cómo establecer las propiedades del reproductor de multimedia
El diálogo de las propiedades del reproductor de multimedia le permite personalizar el código unido a un objeto incrustado tal como una película, sonido o video en tiempo real. Los parámetros son presentados en dos columnas:
� Parámetro - un nombre descriptivo del parámetro. � Valor - el valor real para el parámetro en el código personalizado.
Los valores de los parámetros marcados por la fuente en cursiva se llenan automáticamente con el diálogo: Obtenga un archivo especificado por el vínculo a un objeto incrustado cuando el código se inicializa. Almacene la especificación del nuevo archivo en la definición de vínculo del objeto incrustado cuando el botón ACEPTAR ha sido seleccionado. Nota: usted debe mantener este archivo consistente con la especificación de vínculo incrustado, de otra manera el archivo puede no estar incluido en el paquete final del sitio Web y el reproductor puede fracasar.
162
Obtenga el tamaño actual del elemento seleccionado cada vez que el diálogo está abierto. Use esta función para actualizar el elemento seleccionado cada vez que se abra el diálogo. Use esta función para actualizar la configuración del objeto después de cambiar el tamaño del portaespacio del objeto incrustado.
Ayuda en línea - es posible que haya más información específica sobre el objeto en línea (opcional).
Valores predeterminados - restaurar los datos iniciales para todos los parámetros en el diálogo.
Quitar todo - eliminar todos los parámetros y el código personalizado asociado. Para modificar las propiedades de un objeto:
1. Seleccione un elemento con el vínculo de objeto incrustado, por ejemplo película AVI.
2. Haga clic en Multimedia para mostrar la barra de herramientas de Multimedia .
3. Haga clic en Propiedades del reproductor de multimedia para abrir el diálogo de Propiedades del objeto incrustado .
4. El mensaje acerca del Reproductor de objeto compatible con el archivo incrustado puede ser mostrado. Usted debe elegir ACEPTAR para agregar el código del reproductor dentro del elemento seleccionado. Nota: la operación puede ser ignorada si el reproductor apropiado no ha sido encontrado en los recursos del sistema.
5. Elija el reproductor que mejor se adapte a sus necesidades haciendo clic en el nombre del reproductor actual, en la parte superior.
6. Modifique el valor de los parámetros. 7. Haga clic en ACEPTAR para guardar la configuración.
Para crear un objeto incrustado con el reproductor:
1. Inserte una imagen, la cual será usada como portaespacio. 2. Seleccione el elemento de imagen.
3. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 4. Asegúrese de que la ficha Internet esté seleccionada. 5. Asegúrese de que la checkbox Objeto incrustado esté seleccionada.
6. Haga clic en el botón Explorar y elija el archivo incrustado. Use archivo de video o de audio.
7. Haga clic en Propiedades del reproductor para abrir el diálogo de las Propiedades del objeto incrustado .
163
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
165
Cómo agregar un vínculo de navegación a un document o
Agregar un vínculo de navegación a un documento significa que los visitantes viendo su sitio Web con sus exploradores de Web pueden hacer clic en ese elemento y saltar a otra página, abrir otro documento o ejecutar un programa. Para agregar un vínculo de navegación a un elemento :
1. Haga clic en para mostrar la barra de herramientas de Edición. 2. ¿Cómo? 3. Seleccione el elemento al que quiere añadir el vinculo.
4. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 5. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano. 6. Haga clic en una opción para seleccionar el tipo de vínculo, y entre detalles si es
necesario. Tipo de vínculo Descripción
� Primera página Este vínculo lleva al visitante a la primera página del sitio Web.
� Página anterior Este vínculo lleva al visitante a la página anterior del sitio Web .
� Siguiente Este vínculo lleva al visitante a la página siguiente del sitio Web .
� Última Este vínculo lleva al visitante a la última página del sitio Web .
� Documento Este vínculo lleva al visitante a una página especificada en un documento Web Easy diferente.
� Página Este vínculo lleva al visitante a a una página especificada en el sitio Web actual .
� Programa Este vínculo ejecuta un programa.
� Nada Esta opción quita el vínculo actual de la selección.
Ver también
Cómo vincular a un documento
Cómo vincular a otra página
Cómo vincular a un programa
Cómo vincular a un programa
166
Usted puede vincular un elemento a un programa, de manera que cuando un visitante hace clic en ese elemento, el programa comienza. Para agregar un vínculo de programa:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano. 4. Haga clic en Programa . 5. Escriba la información del programa. O: � Escriba la ruta de acceso al archivo ejecutable, o
� Haga clic en para explorar y seleccionar el archivo. Seleccione .exe del menú Tipo de archivo al pie de la ventana de explorar. Seleccione el archivo de programa ejecutable y haga clic en Abrir.
6. Haga clic en ACEPTAR.
Cómo vincular a un documento
Usted puede vincular un elemento a otro documento de Web Easy, de manera que cuando un visitan te haga clic en el elemento, el documento se abra. Usted puede hasta especificar qué página del documento va a abrirse. Para agregar un vínculo a un documento:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Navegación del documento para traer el diálogo de los
vínculos de navegación del documento hacia el primer plano. 4. Haga clic en Documento . 5. Escriba la información del documento. O: � Escriba la ruta de acceso y el nombre de archivo en el campo ¨Documento¨, o
� Haga clic en para explorar y encontrar el documento. 6. Defina la página a la cual quiere vincular, dentro del documento. O:
� Escriba el número de página en el campo ‘página’, o
� Haga clic en para ver vistas previas de las páginas. Haga clic en una de las vistas previas y luego en ACEPTAR .
7. Haga clic en ACEPTAR.
Nota: Vincular a otro documento Web Easy sólo funcionará dentro de ciertas condiciones.
� Ambos documentos, aquel desde donde usted coloca el vínculo y aquel a donde usted vincula el primer documento, deben estar construidos dentro de la misma carpeta.
� Ambos documentos deben ser publicados dentro de la misma carpeta remota. � El documento al cual usted está vinculando no debe cambiar su nombre
predeterminado para el paquete o el nombre predeterminado para la página a la cual usted está vinculando.
Si usted no puede alcanzar los criterios antedichos, debería usar otra opción para vincular: Vincular a sitio Web de Internet . Esto le permitirá escribir el URL del sitio con el que usted está tratando de establecer un vínculo.
168
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 Wide Web
Este vínculo lleva al visitante a otro sitio Web..
� Archivo Este vínculo se abre a un archivo en el explorador de Web del visitante o en la aplicación predeterminada para ese tipo de archivo.
� E-mail Este vínculo abre una nueva ventana de mensajes para e-mail, dirigidos a la dirección de e-mail que usted especifique.
� Nada Esta opción quita todos los vínculos que fueron destinados al elemento seleccionado.
Ver también
Cómo vincular a un sitio Web
Cómo vinculara a un archivo
Cómo vincular a e-mail
Vínculos avanzados �
Cómo vincular a un sitio Web
Usted puede vincular ,en un sitio Web, un elemento diseñado a abrirse en una nueva ventana de explorador de Web.. Para agregar un vínculo a un sitio Web:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano. 4. Haga clic en el botón de radio ‘Sitio World Wide Web site’ para escribir la dirección de
sitio Web.
5. Escriba la dirección URL del sitio Web o haga clic en para explorar por una dirección que ya esté guardada en su ordenador .
169
6. Usted también puede elegir una dirección del menú Favoritos . Haga clic en para
agregar una dirección a Favoritos o en para quitar una. 7. Haga clic en ACEPTAR.
Cómo vincular a e-mail
Usted puede vincular un elemento a una dirección específica de e-mail. Cuando un visitante haga clic con el elemento, una ventana de e-mail se abre, encabezada con esa dirección. Para agregar un vínculo de e-mail:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano. 4. Haga clic en E-mail para crear un vínculo a e-mail. 5. Escriba la dirección de e-mail. O � Escriba la dirección de e-mail. o
� Haga clic en y elija una dirección entre las direcciones en su libreta de direcciones de e-mail, o
� Haga clic en la flecha para elegir una dirección de e-mail desde su lista de Favoritos ..
Haga clic en para agregar una nueva dirección de e-mail desde su lista de Favoritos o para quitar una.
6. Haga clic en ACEPTAR.
Cómo vincular a un archivo
Usted puede vincular un elemento a un archivo. Si el tipo de archivo es compatible con filtros en los exploradores de Web de los visitantes, éste se abrirá en una nueva ventana en su explorador de Web. En caso contrario, ellos verán un diálogo, donde se les pregunta que elijan entre guardar el archivo a su disco local o abrir el archivo en la aplicación predeterminada para ese tipo de archivo. Para agregar un vínculo a un archivo:
1. � Escriba la ruta de acceso y el nombre de archivo en el campo ‘Nombre de archivo’, o
� Haga clic en para explorar y encontrar el archivo. 6. Haga clic en ACEPTAR.
171
Vínculos avanzados
Web Easy le ofrece también opciones de vínculos sofisticados para usuarios avanzados - imágenes incrustadas, objetos incrustados y códigos. Para agregar un vínculo avanzado:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano. 4. Haga clic en una opción para seleccionar el tipo de vínculo requerido, y escriba sus
datos.
Tipo de vínculo Descripción � Objeto incrustado Un objeto incrustado en la
página Web ejecuta el archivo en la misma ubicación que el elemento conteniendo el vínculo.
� Imagen incrustada Un archivo de imagen recupera una imagen específica desde otro sitio Web de Internet Web para verla como parte de su página Web. Use un vínculo de imagen incrustada si usted quiere implementar contadores de visitas en su página Web.
� Código Si usted conoce Java Script y HTML, usted puede escribir sus propios códigos y crear un vínculo para llamarlos.
Ver también
Cómo vincular a un objeto incrustado
Cómo vincular a una imagen incrustada
Cómo vincular a un código
Cómo vincular una imagen incrustada
Una imagen incrustada es un vínculo a una imagen ubicada en otro sitio Web, en una dirección distinta. Para incrustar una imagen, reserve un espacio para ella insertando una foto y luego vincule la foto a la imagen. Cuando su sitio Web se publique en la Web, su foto será reemplazada por la imagen incrustada. Esta opción se usa frecuentemente para incrustar un contador de visitas basado en un código CGIt.Pida la especificación correcta para el contador a su ISP. Usted también puede encontrar muchos contadores de visitas gratis en la WWW.
172
Para crear una imagen incrustada:
Insertar una foto y cambiarle el tamaño hasta aproximadamente la misma medida en que la imagen será mostrada en esa posición.
Nota: Debe ser una foto o imagen. Usted no puede reservarle un espacio con una forma dibujada con las herramientas de dibujo.
1. Seleccione la foto.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano. 4. Haga clic en Imagen incrustada . 5. Escriba la dirección de la imagen que usted quiere incrustar en esa posición. 6. Haga clic en ACEPTAR.
Notas: Usted debería tener cuidado de incluir imágenes tomadas de otros sitios Web. Usted debería saber si el elemento tiene los derechos de publicación protegidos, y si es necesario, obtener el permiso para usarlo. Si usted incrusta una imagen del sitio Web de otra persona y luego la quita, su imagen también desaparecerá. Ver también
Cómo agregar un contador de visitas a su sitio Web
Cómo vincular un objeto incrustado
Una de las características más excitantes de HTML es la posibilidad de incrustar archivos con filtros especiales en sus sitios Web, por ejemplo, archivos de multimedia. Para incrustar un objeto, reserve un espacio para él insertando una foto y luego vinculando la foto al objeto. Cuando usted construya el documento, el objeto aparecerá en su página Web en lugar de la foto. Nota: Usted puede incrustar cualquier clase de archivo que le guste, pero recuerde que los visitantes sólo podrán ver el archivo si sus exploradores de Internet tienen los filtros apropiados. Las convenciones de la ‘cortesía de Web ’ sugieren incluir una vínculo a un sitio donde los visitantes puedan descargar el filtro complementario apropiado. Para crear un objeto incrustado:
Insertar cualquier foto para reservar espacio para el objeto y cambiarle el tamaño hasta obtener el tamaño apropiado. La foto sirve como un portaespacio y no será visible en el sitio Web.
Nota: Debe ser una foto o elemento de imagen prediseñada. Una forma dibujada con las herramientas de dibujo no puede ser vinculada a un objeto incrustado.
1. Seleccione la foto.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de Internet hacia el primer plano. 4. Haga clic en Objeto incrustado .
5. Escriba la ruta de acceso y nombre de archivo o haga clic en para explorar y localizar el archivo.
6. Haga clic en ACEPTAR.
173
Ver también
Cómo configurar un reproductor de objeto incrustado
Cómo agregar un contador de visitas a su sitio Web
Un contador de visitas cuenta cuántas veces ha sido visitado su sitio Web. El contador funciona siendo conectado a un ordenador que hospeda un programa de contador. Cuando usted ubica un contador sobre su sitio Web, usted debe crear un vínculo desde su contador a ese programa. Muchos de los proveedores de servicios de Internet ofrecen este servicio. Algunos cobran por él, y algunos lo ofrecen gratis. Use un motor de búsqueda para encontrarlos bajo palabras clave tales como: "counter free visitors" y solicite un contador. Web Easy ofrece una imagen estándar de Contador de visitas. Este contador sólo funcionará bien después de que su sitio Web haya sido construido y publicado en la Internet, y usted lo haya vinculado a un proveedor de servicios de Internet que ofrezca tal servicio. Para agregar un contador de visitas:
Paso 1 - Agregar la imagen del contador
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto. 4. Haga clic en la ficha Artilugios para traer ese tópico al primer plano. 5. Haga clic en Contador de visitas . 6. Haga clic en ACEPTAR 7. Haga clic en la página en el lugar donde quiere poner el contador.
Paso 2 - Vincular el contador con el sitio hospedan do el programa del contador
1. Seleccione la imagen del contador.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de vínculos de Internet hacia el
primer plano. 4. Haga clic en Imagen incrustada . 5. Escriba la dirección del programa requerido para ejecutar el contador. Para mayor
información, contacte el proveedor de servicios de Internet que le ha dado el permiso de vincular a su programa.
6. Haga clic en ACEPTAR Nota:
Cuando usted Construye el sitio, asegúrese de seleccionar "Sitio Web dinámico de Internet" . Esto facilitará el funcionamiento del objeto Contador (y cualquier otro objeto dinámico).
Cómo vincular a un código
174
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Vincular a un código le permite vincular un elemento a un evento de objeto. Escribir su código le da más control sobre la apariencia de su sitio Web. Le permite agregar especificaciones HTML que no están incluídas en Web Easy, tales como bordes alrededor de imágenes o espacio vertical y horizontal . ¡Importante! No use este diálogo a menos que tenga conocimientos de código HTML y comprenda la estructura del documento HTML.. Los códigos que usted escribe en este diálogo pueden sobrescribir los procedimientos del programa e impedir que Web Easy funcione correctamente. Para crear un vínculo a un código:
1. Seleccione el objeto que desea vincular al código.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Internet para traer el diálogo de vínculos Internet hacia el
primer plano. 4. Haga clic en Código .
5. Escriba su código en el campo ‘Código’ o haga clic en para abrir el Asistente de código personalizado .
6. Haga clic en ACEPTAR Ver también
Cómo usar el Asistente de código personalizado
Cómo usar el Asistente de código personalizado
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el Asistente de código personalizado para crear sus propios procedimientos de código y para crear vínculos que los conectan. Usted puede crear códigos para el código.de origen, eventos de ¨body ¨o eventos de objeto. ¡Importante! No use este diálogo a menos que tenga conocimientos de código HTML y comprenda la estructura del documento HTML.. Los códigos que usted escribe en este diálogo pueden sobrescribir los procedimientos del programa e impedir que Web Easy funcione correctamente. Recomendaciones:
� Antes de usar el Asistente de código personalizado, construya su sitio Web y lea el código HTML de origen.. Haga una lista de nombres de procedimiento usados por Web Easy, para evitar usarlos en sus códigos.
� Evite usar comandos comenzando con <.Si tales comandos están vinculados con una imagen, ellos sobrescribirán la definición de imagen.
� Verifique si algún efecto ya está aplicado a objetos antes de vincularlos a los códigos. Por ejemplo, si usted escribe un código: "OnMouseOver" para una imagen rollover, usted sobrescribirá el efecto rollover..
Para abrir el Asistente de código personalizado
� Desde el menú Herramientas seleccione Asistente de código personalizado
175
Nota: Usted también puede abrir el Asistente de código personalizado desde el interior del diálogo Vínculo .
177
Cómo crear formularios
Si usted sabe cómo escribir códigos en HTML y Java Script, usted puede usar los formularios ya preparados y los campos individuales provistos por Web Easy. Cada campo recibe un código predeterminado que usted puede reemplazar usando el Asistente de código personalizado. Paso 1 - Inserte un formulario:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para mostrar la barra de herramientas de Editar formas .
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto. 4. Haga clic en la ficha Formulario para mostrar formularios completos. 5. Haga clic en el nombre de un objeto para verlo en el cuadro de vista previa. 6. Haga clic en ACEPTAR. 7. Haga clic en la página para ubicar el objeto.
Notas: En la mayoría de los casos puede ser suficiente modificar la forma usando el Inspector. Elija Inspector desde el menú Ver para abrir la ventana e investigar parámetros y atributos para los elementos de Forma y Campo cuando estos elementos son seleccionados.
Paso 2 - Editar códigos con el Asistente de código personalizado:
1. Seleccione el campo a editarse.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Herramientas para mostrar la barra de herramientas del Asistente .
4. Haga clic en Código . El Asistente de código personalizado se abre. Sugerencia:
Usted también puede mostrar el Asistente de código personalizado haciendo clic con el botón derecho del ratón en el campo y seleccionando Acerca del elemento y Código . 1. Edite el código y haga clic en ACEPTAR. 2. Repita para todos los campos que desee cambiar.
Cómo construir sitios Web con formularios
Si su documento incluye formularios escritos en HTML, entonces usted debería construir esas páginas en HTML Simple, HTML con CSS o XHTML con CSS. Los códigos pueden no trabajar correctamente si usted construye esas páginas en un sitio DHTML. Sin embargo, usted no necesita renunciar a todos los efectos especiales que están disponibles en DHTML.. Simplemente construya dos documentos separados. Construya su sitio Web principal en DHTML, y vincúlela a un documento secundario, construido en HTML, conteniendo formularios y otros códigos. Cuando usted publique sus sitios Web, asegúrese de que la página principal esté definida como la página primaria. Cuando usted publique sus sitios Web, asegúrese de que la página principal se defina como página primaria.
179
Cómo agregar sonido
Usted puede agregar sonido a su documento en dos formas: � Vincule un clip de audio a una página de modo que reproduzca el sonido cuando la
página se ve en un explorador. � Vincule un clip de audio a un elemento en la página.
Web Easy incluye una colección de clips de audio, entre ellos música y efectos de sonido. Use un clip de audio para capturar su propio sonido con un micrófono. Ver también
Cómo agregar sonido a los elementos
Cómo agregar sonido a las páginas
Cómo capturar sonido con un micrófono
Cómo agregar sonido a los elementos
Usted puede vincular un clip de audio a un elemento tal como una foto, texto o forma. Para agregar sonido a un elemento:
1. Seleccione el elemento al cual usted quiere vincular el clip de sonido.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha Audio para traer el diálogo de Audio en el primer plano. 4. Haga clic en Efectos de sonido y música . 5. Escriba la ruta de acceso y el nombre de archivo o nter the path and file name o haga
clic en para explorar y seleccionar un archivo de audio.
6. Haga clic en para probar el archivo. Haga clic en para detener la reproducción del archivo.
7. Haga clic en ACEPTAR Para eliminar el archivo, seleccione Deshacer, desde el menú Edición, o, si el archivo ha sido guardado, seleccione el elemento, luego vaya a Vínculos-Audio y seleccione Nada para quitar el vínculo. Los clips de audio se operan de forma diferente en los sitios Web HTML y DHTM:
� En los sitios Web HTML, cuando un visitante hace clic en el elemento, aparece un reproductor de audio (o éste puede ser descargado) y el visitante puede reproducir el clip de audio.
� En los sitios Web DHTML, cuando el cursor se mueve sobre el elemento, el audio clip reproduce automáticamente. (Esta clase de vínculo rollover no es compatible con Netscape actualmente).
Ver también
Cómo vincular archivos de audio vinculando a un archivo
Cómo quitar un clip de audio de un elemento
Usted puede quitar fácilmente un clip de audio de un elemento. Para quitar un clip de audio de un elemento:
180
1. Seleccione el elemento al cual usted quiere vincular el clip de sonido.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha Audio para traer el diálogo de Audio en el primer plano. 4. Haga clic en Nada. 5. Haga clic en ACEPTAR.
Cómo agregar sonido a las páginas
Cuando usted agrega sonido a una página, el sonido se reproduce en el fondo cuando la página se muestra en el explorador de Web. Web Easy incluye una colección de clips de audio, entre ellos música y efectos de sonido. Para agregar sonido a una página:
1. Haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
3. Haga clic en Audio para mostrar el diálogo de Audio de fondo. 4. Haga clic en la checkbox ‘Activar audio del fondo de la página’
5. Escriba la ruta de acceso y nombre de archivo o haga clic en para explorar y seleccionar el archivo de audio.
6. Haga clic en "Repetir" si desea que su muestra de audio se repita interminablemente cuando la página se muestra.
7. Haga clic en para probar el archivo.
8. Haga clic en para detener la reproducción del archivo. 9. Haga clic en ACEPTAR .
Cómo capturar sonido con un micrófono
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Cree su propia narración para sus sitios Web y presentaciones de diapositivas grabando su voz con un micrófono. Guarde el sonido capturado como un clip de audio y cree un vínculo hacia él en sus documentos - ya sea como fondo de página o como un vínculo de sonido adjunto a un objeto. Para capturar sonido:
1. Desde la barra de herramientas de Editar , seleccione Multimedia para mostrar la barra de herramientas de Multimedia .
2. Haga clic en Grabar . 3. El diálogo de Grabar sonido aparece.
4. Haga clic en Grabar para comenzar a grabar. 5. Cuando usted vea la palabra ‘¡Ya!’, comience a hablar.
181
6. Haga clic en Detener para detener la grabación. 7. Escriba la ruta de acceso a la carpeta donde usted desea almacenar el clip de audio o
haga clic en para explorar y encontrar la ubicación deseada. 8. Escriba un nombre para el clip de audio. Asegúrese de mantener la extensión .WAV . 9. Haga clic en ACEPTAR .
Luego de guardar el clip de audio, usted puede vincularlo a objetos o páginas. Ver también
Cómo agregar sonido a los elementos
Cómo agregar sonido a las páginas
Cómo quitar sonido de las páginas
Usted puede quitar fácilmente el fondo de sonido de una página. Para quitar sonido de las páginas:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Página para mostrar la barra de herramientas de Editar Página .
3. Haga clic en Audio para mostrar el diálogo de Audio de fondo. 4. Haga clic en la checkbox ‘Activar audio del fondo de la página’, para desactivarla. 5. Haga clic en ACEPTAR
183
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 co n 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.
185
¿Qué es RSS?
RSS, o distribución realmente simple (Really Simple Syndication:RSS ),o resumen de sitio enriquecido (Rich Site Summary, RSS) es un método que permite a los usuarios de su sitio Web a que se suscriban y obtengan provisión de RSS feeds (alimentación) . RSS es conveniente para esos sitios Web que cambian y agregan contenido frecuentemente. Los usuarios necesitan un navegador compatible o un lector RSS para recibir alimentación RSS( feeds). Por ejemplo, los navegadores de Web que pueden leer RSS feeds son Firefox y Opera. Ver también
¿Cómo integro RSS en mi sitio?
¿Cómo agrego un icono y un vínculo RSS a mi página ?
Usted quizás quiera poner un icono en su sitio Web donde la gente pueda hacer clic, en su página Web, para agregar el RSS feed. Esto funcionará solamente si el usuario tiene un navegador capacitado para RSS, tal como Firefox o Opera. Para hacer esto usted necesita encontrar una imagen para usar como el icono de alimentación RSS, y agregar un vínculo a este icono, que vincule al archivo RSS que será creado y a la ubicación donde usted los publicará. Por ejemplo, el vínculo puede ser al archivo 'http://'www.v-com.com/newproducts/WebEasy6.xml'. Es importante que usted no vincule al archivo. xml local generado por Web Easy, porque este puede estar desactualizado ya que no es creado hasta después de que usted construya su sitio. Ver también
Cómo agregar un vínculo a un elemento
¿Cómo integro RSS en mi sitio?
¿Por qué mi RSS no funciona?
¿Cómo verifico que mi RSS está funcionando?
Cómo editar manualmente mi archivo RSS
Solución de problemas RSS
¿Cómo verifico si mi RSS está funcionando?
Usted necesitará construir y publicar su sitio Web para verificar que el RSS feed en su sitio Web está funcionando. Una vez publicado, necesitará una aplicación que sea compatible con la detección y lectura de RSS feeds. Navegadores populares como Firefox y Opera detectan y leen RSS feeds en los sitios web. Al usar un navegador de Web o un lector RSS, usted debe ser capaz de visitar su sitio Web y su navegador de Web o lector de RSS deberían detectar su RSS feed publicado. Ver también
¿Por qué mi RSS feed no funciona?
186
¿Cómo integro RSS en mi sitio?
RSS (Really Simple Syndication, es decir, Distribución realmente simple) es un método que permite a los usuarios de su sitio Web a que se actualicen con las últimas noticias e información. RSS feeds (alimentación, o fichero de texto) puede incluir cualquier información, pero usualmente se trata de las últimas noticias acerca de su compañía o sitio Web. Para usar RSS feeds en su sitio Web, usted debe diseñar sus páginas en una forma que Web Easy pueda reconocer lo que ha de establecerse como el título de cada elemento de RSS feed y el contenido de cada elemento en el feed, . Web Easy usa un algoritmo autómata para determinar el contenido del RSS feed. Esto está basado en el texto que ha sido agregado a su página Web. Para ayudar a que Web Easy reconozca su contenido RSS correctamente, usted debería tener el texto de su título como una descripción corta, de una línea, y sin vínculos. Debajo de este título, usted debe ubicar el contenido (descripción) para el elemento de RSS feed. La descripción puede ser un texto multilíneas que describa el tópico del elemento de RSS feed. Por ejemplo, un título de elemento de texto y descripción sobre una página Web podría tener este aspecto:
"Vea nuestra nueva línea de joyas por un precio menor de $50" Tenemos una estupenda gama de joyería de grandes diseñadores de todo el mundo. Hemos conseguido mantener el precio debajo de los $50 para cualquiera de estos artículos, así que ¡apúrese y aproveche las ventajas de esta gran oferta!"
Después de completar la página Web que tiene todos sus temas para el RSS feed, usted debe asegurarse de que esta página se configura para construir su RSS feed junto con todos los otros archivos necesarios para publicar su sitio. Para hacer esto, siga estos pasos:
1. Abra el Inspector y asegúrese de que está viendo la página con los elementos de texto de RSS feed .
2. En el Inspector, haga clic en el ícono superior derecho y seleccione Página actual de modo que usted pueda configurar la páginas.
3. Bajo la categoría Configuración de página, en las propiedades de Página actual, localice la entrada Canal RSS.
4. Haga doble clic en el campo Canal RSS para traer la lista de opciones disponibles. - Usar texto de página , Usar texto de página e ícono , y Excluído . Seleccione uno de éstos. Cuando usted vuelva a construir su sitio Web, el RSS feed se creará basado en esta selección. Para mayor información acerca de estas configuraciones, siga leyendo.
Las configuraciones del Canal RSS son: � Usar página de texto. Web Easy analizará los elementos de texto en la página Web y
recolectará todos los elementos de texto de línea individual (con sus elementos de texto multilínea que los acompañan) para crear un archivo XML de RSS feed .
� Usar texto de página e ícono . Web Easy analizará los elementos de texto en la página Web recolectará todos los elementos de texto de línea individual (con sus elementos de texto multilínea que los acompañan) para crear un archivo XML de RSS feed .Además, Web Easy agregará un vínculo de imagen al RSS feed. Este vínculo de imagen será o una pequeña miniatura de la página Web o el ícono favorito como está especificado en la las propiedades de la página Web
� Excluído. Web Easy no generará un archivo XML RSS Feed para esta página. El nombre del archivo XML RSS Feed será el mismo de la página Web pero con una
187
extensión de .xml .Para que su RSS feed funcione, asegúrese de que ha entrado en el URL base de sitio en el Inspector con la dirección que usted va a publicar. Para hacer esto:
1. Abra el Inspector. 2. En el Inspector, haga clic en el ícono superior derecho y seleccione Documento . 3. Dentro de la categoría Construir sitio Web en las propiedades del documento, busque
la entrada URL base de sitio 4. Haga clic en el campo de URL base de sitio para escribir el URL con el cual será
publicado su sitio. Estp requiere que su RSS feed funcione correctamente. Será en el formato 'http://www.mysite.com/'. Si esto no se escribe, el lector de RSS puede no encontrar el contenido requerido.
Sugerencia: Para prevenir resultados inesperados usted deberá exportar su página como HTML con CSS o XHTML con CSS al usar esta función. También es posible establecer el RSS para cada página de una sola vez configurando las propiedades del documento en el Inspector. Ver también
¿Cómo integro RSS en mi sitio?
¿Cómo verifico si mi RSS está funcionando??
Why doesn't my RSS feed work?
Manually editing my RSS file
Troubleshooting RSS
Cómo editar manualmente mi archivo RSS
Si usted está familiarizado con editar el código XML, usted puede editar el archivo RSS XML antes de publicar su sitio. Esto le permitirá tener control total de los títulos, el contenido y los vínculos, y usted puede personalizar el código para que se adapte a sus necesidades específicas. Sugerencia Si usted construye su sitio Web una segunda vez, este archivo será sobrescrito y usted deberá realizar los cambios nuevamente. Puede que usted desee hacer una copia del archivo. RSS XML así usted no pierde sus cambios.
¿Por qué mi RSS no funciona?
Hay un número de razones por las que el RSS feed que usted ha seleccionado puede no estar trabajando.
� Usted no especificó un URL base de sitio. Esto resultará en vínculos sin resolver en el código XML.
� El archivo RSS XML no ha sido publicado en la ubicación del URL base de sitio . Esto resultará en vínculos sin resolver en el código XML
� Usted no ha construido su sitio Web Site con estilo de construcción CSS . Ver también
188
¿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
190
Cómo agregar comercio electrónico al sitio Web
Al agregar la función de comercio electrónico a su sitio Web usted capacita a los usuarios a que adquieran sus productos en línea. Esto involucra registrarse con un distribuidor de comercio electrónico que manejará el procesamiento de los pagos Web Easy incluye vínculos a diferentes distribuidores entre los cuales usted puede elegir uno. La idea es que usted diseñe su sitio Web usando Web Easy, y que incluya botones Compre ahora o Agregue al carro para cada producto que esté vendiendo. Nota:
Haga clic en el botón de Ayuda para distribuidor de comercio electrónico en línea para aprender más acerca de los requerimientos específicos para el distribuidor de comercio electrónico y para aprender acerca de su serie de objetos de comercio electrónico. Advierta que algunos distribuidores pueden no tener todos los objetos que se describen a continuación, de modo que los pasos que se describen deben usarse solamente como una guía. En general , se requieren los siguientes pasos para crear una tienda ¨online¨ o virtual en un documento de sitio Web.
1. Abra el documento de sitio Web.
2. Haga clic en para mostrar la barra de herramientas de Edición.
3. Haga clic en Comercio electrónico para mostrar la barra de herramientas de Comercio electrónico .
4. Haga clic en Seleccione distribuidor de comercio electrónico y siga los pasos para designar al distribuidor que más se adapte a sus necesidades.
5. Regístrese con el distribuidor para usar sus servicios. 6. Siga las instrucciones del distribuidor acerca de cómo establecer su servicio de
comercio electrónico en Internet. En algunos casos usted debe crear y trasladar la Base de datos de un producto antes de diseñar su sitio Web. Los valores inscritos en la base de datos del producto frecuentemente se usan cuando se agregan los objetos del distribuidor a su sitio Web (vea los pasos a continuación).
7. Cree una nueva página dedicada a vender los productos en su documento de sitio Web. Ubique los nombres de los productos, descripciones, fotos y precios en esta página.
8. Haga clic en para insertar un objeto de tienda virtual Compre ahora o Agregue al carro por cada producto en venta. Posiblemente se le pida que escriba algunos detalles, por ejemplo el ID (identificación)de un producto, o SKU como se ha definido en la base de datos del servidor del distribuidor. Algunos distribuidores simplemente le requerirán que usted suministre su dirección de e-mail , y el nombre y precio del producto.
Nota : Haga clic en el botón de Ayuda en línea en el diálogo de Propiedades de objeto para aprender más acerca del objeto del comercio electrónico y sus parámetros.
9. Inserte botones de Ver orden de compra y Caja para completar el diseño de tienda virtual.
Nota : Este paso puede no ser requerido por algunos distribuidores de comercio electrónico.
10. Construya su sitio Web a archivos HTML y publíquelo en Internet.
191
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 existen te de tienda virtual:
1. Seleccione el elemento que va a modificar en su página.
2. Haga clic en Comercio electrónico para mostrar la barra de herramientas de Comercio electrónico .
3. Haga clic en Propiedades del objeto de comercio electrónico para abrir el diálogo de propiedades.
4. Modifique los valores de los parámetros de acuerdo a lo requerido. 5. Haga clic en ACEPTAR para guardar las configuraciones.
Ver también
Cómo establecer las propiedades de objeto de comercio electrónico
Cómo insertar un vínculo dinámico, para una forma alternativa de integrar una solución de comercio electrónico, especialmente con distribuidores que no figuran en la lista del Asistente de distribuidor de comercio electrónico.
Cómo establecer las propiedades de objeto de comerc io electrónico
El diálogo de Propiedades del código del objeto de comercio electrónico le permite personalizar los parámetros usados para un elemento seleccionado. Los parámetros se presentan en dos columnas:
� Nombre - un nombre descriptivo del parámetro. � Valor - el valor real para el parámetro..
Para modificar las propiedades de un objeto de com ercio electrónico existente:
192
1. Seleccione el elemento que va a modificar en su página.
2. Haga clic en Comercio electrónico para mostrar la barra de herramientas de Comercio electrónico .
3. Haga clic en Propiedades del objeto de comercio electrónico para abrir el diálogo de propiedades.
4. Haga clic en el botón de Ayuda en línea para aprender más acerca del objeto y sus parámetros.
5. Modifique los valores de los parámetros de acuerdo a lo requerido. 6. Haga clic en ACEPTAR para guardar las configuraciones.
Nota: Usted debe consultar a su distribuidor de comercio electrónico acerca del significado de los parámetros y cualquier requerimiento para la información que usted está por escribir. Terminología: SKU Abreviación para Unidad de mantenimiento de stock (Stock Keeping Unit). Este
es el código, usualmente alfanumérico, de un producto particular que permite controlar a un producto, con el propósito de hacer un inventario. Típicamente, se asocia un SKU con cualquier producto que se puede adquirir, en una tienda o un catálogo.Por ejemplo, una blusa de mujer de un estilo y medida particular, puede tener un SKU de "3726-8", lo que significa"Estilo 3726, medida 8."
Base de datos del producto
Una lista de productos ubicada en el servidor del distribuidor que contiene la información necesaria para adquirir el producto en Internet, por ejemplo, el 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 Producto
Identificación única del producto para la venta. Usualmente definida por la base de datos de un producto.
Nombre del Producto
Nombre único del producto para identificar el elemento en la lista de orden de compra del cliente.
Carro de compras
Lista de los elementos a ser comprados. Usualmente el cliente comprará todos 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
195
Cómo crear mensajes emergentes
Usted puede crear sus propios mensajes emergentes. Un mensaje emergente es una ventana de texto que aparece cuando un ratón hace una pausa sobre una imagen. 1. Seleccione el elemento al cual desea agregar el mensaje emergente.
2. Abra el Inspector.
¿Cómo? 3.Haga clic en la ficha de Propiedades del Asistente del Inspector. 4. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Selección . 5. Debajo de las propiedades de Elemento , busque el título Html. 6. Escriba el texto allí y será usado como un mensaje emergente cuando se vea a través de un navegador de Web. Un método alternativo para crear un mensaje emergen te:
1. Ubicar una foto en la página.
¿Cómo? 2. Inserte el texto para el mensaje emergente, cuidando de que tenga menos de 512
caracteres. Asegúrese de que el cuadro de texto sea más pequeño que la foto.
¿Cómo? 3. Arrastre el cuadro de texto a la misma ubicación de la foto. Asegúrese de que la foto
está arriba.
¿Cómo? 4. Haga vista previa o construya la página para probar el mensaje emergente.
Cuando el sitio Web es visto en un navegador de Web, el mensaje emergente aparece automáticamente cada vez que un ratón hace una pausa sobre una imagen.
Cómo insertar una imagen GIF animada a un documento
Una imagen GIF animada incluye imágenes múltiples dentro de un archivo GIF individual. Cuando se ven en una página Web, la "corriente" de imágenes funciona como marcos en una secuencia animada. Web Easy provee una selección de imágenes GIF animadas que usted puede insertar en sus documentos, También hay muchos sitios en Internet que le permiten usar sus imágenes GIF animadas. Usted puede incluir imágenes GIF animadas. en cualquier clase de sitio Web - ya sea un sitio HTML común o un sitio DHTML dinámico. Para insertar una imagen GIF animada:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Photo para mostrar la barra de herramientas de Editar foto. .
3. Haga clic en Insertar , y seleccione GIF animado . Sugerencia: Haciendo clic en el menú Insertar y seleccionado Componente y GIF animado . realizará misma tarea.
4. Se abre un diálogo Explorar . . Explore hasta encontrar la imagen GIF animada que usted quiere insertar.
196
5. Haga clic en ACEPTAR 6. Haga clic en la página donde quiere insertar la la imagen GIF animada
Nota: Usted puede ver la animación usando el reproductor de multimedia. Sugerencia: Los usuarios avanzados pueden crear sus propias imágenes GIF animadas. usando el Asistente de GIF animado
Cómo insertar una película en un documento
Usted puede insertar una película u otro archivo de multimedia en su documento usando el diálogo Insertar foto . Para insertar una película en un documento:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Foto para mostrar la barra de herramientas de Editar foto. .
3. Haga clic en Insertar , y seleccione Foto, como para insertar una foto nueva. 4. Se abre el diálogo Elegir imagen 5. Seleccione Archivos multimedia’ entre los tipos de archivo del menú. 6. Explore hasta encontrar la película que usted quiere insertar. 7. Haga clic en ACEPTAR 8. Haga clic en la página donde quiere insertar la película
Notas: La película no funcionará en el documento hasta que haya sido construida. Para una vista rápida de la página Web con la película, haga una vista previa del sitio Web haciendo clic en el botón Vista previa en la barra de herramientas de Construir. Sugerencia: Esta función no es compatible con Netscape. Si usted que los usuarios de Netscape vean la película, usted puede incrustarla como un objeto incrustado usando el diálogo Vínculo. Ver también
Acerca de vínculos
Cómo vincular un objeto incrustado
Cómo configurar el reproductor de multimedia
Cómo insertar un objeto
Web Easy incluye una selección de objetos ya preparados que pueden ser insertados en un documento. Estos varían desde un diseño simple de elementos, como separadores de página coloridos, a elementos avanzados, tales como formularios. Para insertar un objeto:
1. Haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en Formas para mostrar la barra de herramientas de Editar Formas .
3. Haga clic en Insertar Objeto para mostrar el diálogo de Insertar Objeto . 4. Elija una ficha para mostrar un grupo de objetos, por ejemplo Animaciones o Vínculos
automáticos .
197
5. Seleccione el objeto que usted quiere insertar y haga clic en ACEPTAR
Objetos que pueden ser insertados incluyen: � Elementos animados - por ejemplo, mover textos que usted puede reemplazar con su
propio texto para crear un sitio Web DHTML excitante y dinámico . � Vínculos automáticos en la forma de bolas, balas o números. Web Easy
automáticamente calcula el número de páginas en su documento y crea un vínculo a cada página.
� Separadores - ahorre tiempo usando separadores prediseñados, algunos de ellos son animados.
� Elementos - elementos incrustados ya preparados tales como contador de visitas. � Formularios HTML - inserte formularios completos o campos y módulos individuales.
Los campos de formularios, usualmente con el código HTML/JavaScript predefinido, están listos para ser usados con cambios mínimos. La modificación de parámetros, por ejemplo su dirección de e-mail necesaria para que el formulario sea efectivo, pueden ser hechos con el Asistente de código personalizado el cual está disponible solamente en la edición completa del software. Usuarios del las ediciones limitadas deberán eliminar el formulario e insertarlo de nuevo para poder escribir la dirección de e-mail correcta.
� Juegos - al insertar juegos, su sitio Web será aún más impresionante. Recuerde, sus visitas deben instalar un filtro complementario Shockwave para poder jugar.
� Barras de navegación - barras de navegación prediseñadas con botones que pueden convertirse en vínculos.
� tiendaonline - objetos predefinidos para agregar comercio electrónico a su sitio Web. La lista de objetos depende del distribuidor seleccionado y de sus servicios .
� Portapapeles - los últimos pocos elementos copiados para referencia, en el momento de la operación. Al insertar el objeto se ejecutará una copia completa del elemento o elementos original(es), incluyendo la organización del grupo, animación o efectos. Sugerencia: ubicar la copia en la exacta posición del origen del objeto. Presione la tecla CTRL key y haga clic en cualquier lugar de la página de diseño.
Cómo ver archivos multimedia
El reproductor de mulltimedia le permite ver los archivos de multimedia (películas, archivos Quick Time, archivos de sonido, imágenes GIF animadas, etc.) insertados en una página mientras la página todavía está en forma de documento. Para ver archivos multimedia:
1. Desde la barra de tareas de Editar, haga clic en Multimedia para mostrar la barra de herramientas de Multimedia .
2. Seleccione el archivo multimedia y haga clic en Reproducir para reproducir el archivo.
3. Haga clic en Pausa para hacer pausa o en Detener para detener la reproducción del archivo..
Los tipos de archivo que pueden ser reproducidos incluyen .WAV, .MID, .AVI, .TGA, .MOV y otros formatos multimedia conocidos
Cómo insertar un vínculo dinámico
198
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.
200
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
202
Acerca de los rasgos DHTML
Los rasgos especiales descriptos en esta sección solamente funcionarán en sitios Web dinámicos (DHTML). Si usted quiere usar estas características, asegúrese de que cuando construye un documento para hacer un sitio Web, usted selecciona la opción ‘Construir como HTM dinámico’ . Yo quiero:
Crear transiciones entre las páginas
Animar objetos en el sitio Web
Crear texto en movimiento
Aplicar efectos HTML dinámicos
Crear una barra de navegación en un marco separado
Crear una imagen rollover.
Asistente de imagen rollover
El diálogo de Asistente de imagen rollover le permite insertar o personalizar un grupo de elemento, los cuales se convierten en un botón rollover al construir una página Web HTML dinámica. Un típico botón de rollover cambiará una imagen en otra cuando el ratón se mueve sobre ella. Una imagen rollover es un grupo de un mínimo de dos imágenes con el mismo tamaño y posición en la página de diseño.i Para insertar un botón de rollover simple:
1. Asegúrese de que no hay selección en la página de diseño. 2. Elija Asistente de imagen rollover desde el menú Ver. 3. El diálogo de Imagen rollover se abre. Nota: el título ' Rollover nuevo' parpadeará por
un lapso. 4. Hada doble clic en la imagen de la capa superior. 5. El diálogo Elegir imagen se abre. 6. Seleccione la imagen deseada y haga clic en el botón Abrir. 7. Hada doble clic en la imagen de la segunda capa. 8. El diálogo Elegir imagen se abre. 9. Seleccione la imagen deseada y haga clic en el botón Abrir. 10. Para quitar un vínculo de ejemplo desactive la check box. Vincular a página Web de
Internet . 11. Haga clic en ACEPTAR para insertar el nuevo botón de rollover. El nuevo grupo de
elementos aparecerá arriba de la página de diseño o cerca de la posición del elemento modificado por último.
Para personalizar un botón rollover simple:
1. Seleccione un grupo de elementos rollover. . 2. Elija Asistente de imagen rollover desde el menú Ver. 3. El diálogo de Imagen rollover se abre. Nota: en las capas ahora se encuentran las
imágenes del grupo de elementos seleccionados. 4. Hada doble clic en la imagen de la capa que desea cambiar. 5. El diálogo Elegir imagen se abre. 6. Seleccione la imagen deseada y haga clic en el botón Abrir..
203
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 s e 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 ro llover 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 roll over, o cambiar el tamaño del botón final. El diseño puede ser probado en cualqui er momento moviendo el ratón sobre la página en el área de vista previa antes de insertar el objeto final en la página de diseño.
Para insertar el botón rollover en tres estados:
1. Asegúrese de que no hay selección en la página de diseño. 2. Abra el diálogo de Imagen rollover . 3. Haga clic en el botón Avanzado . La ventana muestra el panel de herramientas
avanzadas y el área de vista previa. 4. Asegúrese que se ha especificado Vincular a página Web de Internet . y que la
check box esté activada. 5. Haga clic en la última capa vacía para hacer una selección.
6. Haga clic en Agregar capa de imagen . Una nueva capa con la imagen de muestra se agrega.
7. Haga doble clic en la imagen en la tercera capa. 8. El diálogo Elegir imagen está abierto.. Seleccione la imagen y haga clic en el botón
Abrir. 9. Mueva el ratón sobre el botón en el área de Vista previa . La imagen de la segunda
capa se muestra, la cual se presenta cuando un vínculo a la página Web de Internet está activo.
10. Haga clic en la vista previa del botón de rollover. En el navegador de Internet un evento tal cargará una nueva página Web como la definición de vínculo. Mueva el ratón hacia afuera y otra vez sobre el botón. La imagen de la tercera capa se muestra, la cual se presenta cuando una página especificada por el vínculo ya está cargada. Mueva el ratón hacia afuera del área de vista previa para comenzar a probar el rollover desde el estado inicial.
Para crear una imagen de rollover en una presentaci ón de dispositivas:
1. Desactive la check box. Vincular a página Web de Internet . Nota: este estilo de la imagen de rollover no puede tener una definición de vínculo y se usa para presentar las imágenes una tras otra para cada evento rollover .
2. Haga clic en la última capa vacía para hacer una selección.
3. Haga clic en Agregar capa de imagen . Una nueva capa con la imagen de muestra se agrega.
4. Haga doble clic en la imagen en la capa recientemente agregada.. 5. El diálogo Elegir imagen está abierto.. Seleccione la imagen y haga clic en el botón
Abrir. 6. Repita los pasos 2,3,4 y 5 tantas veces como se requiera. Nota: hay un límite de 32
capas. 7. Mueva el ratón arriba de la imagen en el área de Vista previa . La imagen de la capa
siguiente se muestra en cada evento rollover siguiente.
204
Para agregar un elemento emergente a un botón rollo ver:
1. Haga clic en Add Text Layer . Una capa nueva con un icono de texto de muestra se agrega.
2. Haga doble clic en un ícono de texto en la capa recientemente agregada 3. El diálogo de Obtener texto se abre. Escriba el texto y haga clic en ACEPTAR . 4. Haga doble clic en la columna de Emergente. Se muestra la señal de verificación para
indicar el estilo emergente de la capa seleccionada. Nota: la imagen de rollover debe tener como mínimo dos capas vacías incluyendo el elemento superior.
5. Mueva el ratón arriba de la imagen en el área de Vista previa . El Cuadro emergente representando todas las capas emergentes se muestra en cada evento rollover.
Para cambiar el tamaño de la imagen rollover:
1. Haga clic en el botón Tamaño en la base de la página Vista previa . 2. El diálogo Tamaño está abierto. Escriba un ancho o alto nuevo y haga clic en
ACEPTAR . Las herramientas del panel avanzado:
Suba la capa seleccionada.
Baje la capa seleccionada.
Inserte una nueva imagen en la selección.
Inserte una nueva capa de texto en la selección.
Elimine la capa seleccionada.
Sugerencias No agregue sombras a las imágenes. Las sombras cambian el tamaño de la imagen e interfieren con la creación del rollover.
Un elemento emergente puede ser ubicado en cualquier posición en el espacio de diseño. Seleccione el elemento emergente y use las herramientas de editar para aplicar colores, fuentes, o para moverlo a la posición requerida.
Notas Una imagen rollover sólo funcionará en páginas DHTML.. Asegúrese de que el ‘HTML dinámico’ es verificado en el diálogo Construir .
Ver también
Cómo crear una imagen rollover.
Cómo agrupar elementos.
Cómo crear una imagen rollover
Una imagen rollover cambia de una imagen a otra cuando un ratón hace una pausa sobre ella. i Para crear una imagen rollover
1. Ubique una (o más) imágenes sobre una página. No les agregue sombras.
205
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.
207
Acerca de las barras de navegación
La barras de navegación contienen vínculos a las diferentes páginas de un sitio Web. En muchos sitios Web, la barra de navegación está situada en un marco separado, arriba de la parte principal del sitio o a su izquierda. Porque está en un marco separado, la barra de navegación permanece en su lugar todo el tiempo, mientras los visitantes exploran diferentes páginas dentro del sitio. Web Easy le facilita la creación de una barra de navegación en su sitio DHTML. La barra de navegación aparece como un marco a un lado de su sitio. Nota: No cree una barra de navegación si usted quiere incluir transiciones de página en su sitio Web DHTML Las transiciones de página no funcionarán en un sitio Web navegable. Ver también
Cómo crear una barra de navegación
Cómo crear una barra de navegación
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede crear una barra de navegación en su sito Web DHTML con vínculos a todas sus páginas. Esta barra de navegación aparece como un marco separado a un lado de su sitio Web DHTML.. Web Easy ubica el marco de navegación de acuerdo con la última página del documento:
� Si la última página consiste de una fila de elementos a la izquierda de la página, entonces esos elementos serán ubicados en un marco a la izquierda de la pantalla.
� Si la última página consiste de una fila de elementos a la derecha de la página, entonces esos elementos serán ubicados en un marco a la derecha de la pantalla.
� Si la última página consiste de una fila de elementos en la parte superior de la página, entonces esos elementos serán ubicados en un marco en la parte superior de la pantalla.
� Si la última página consiste de una fila de elementos en la parte inferior de la página, entonces esos elementos serán ubicados en un marco en la parte inferior de la pantalla.
Si los elementos están desparramados alrededor de la última página, o si hay un espacio grande entre el borde de la página y los elementos en la página, los resultados pueden ser impredecibles. Para crear una barra de navegación :
Paso 1 - Agregue una página nueva, en blanco, al do cumento
1. Diseñe un documento de varias páginas, recordando cómo es la pantalla del visitante típico. Deje un poco de espacio extra para la barra de navegación cuando diseñe las páginas.
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página
4. Haga clic en Insertar para insertar una página nueva. El diálogo de Página Nueva aparece.
208
5. Haga clic en la ficha En blanco , luego en Página en blanco y luego en Aceptar . Paso 2 - Mover esa página al fin del documento
1. Haga clic en Ordenar desde el menú Modificar . El diálogo de Ordenar páginas aparece.
2. Haga clic en Actual para elegir la página actual. 3. Haga clic en Bajar para mover esa página al fin del documento..
Paso 3 - Insertar viñetas vinculadas
1. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
2. Haga clic en Objeto para abrir el diálogo Insertar objeto. 3. Haga clic en la ficha Vínculos automáticos . 4. Haga clic en una serie de viñetas vinculadas, por ejemplo, Viñetas verticales . 5. Haga clic en ACEPTAR 6. Haga clic en su página en el lugar donde quiere ubicar sus vínculos. Ubíquelos cerca
del borde izquierdo de la página para crear una barra de navegación en la izquierda, o ubíquelos a lo largo del borde superior para crear una barra de navegación superior.
Nota: Si lo prefiere, puede insertar sus propias imágenes y agregarIes vínculos en vez de usar los vínculos automáticos.
Paso 4 - Editar y verificar los vínculos
1. Edite la viñetas si lo desea. Cambie de tamaño las imágenes o cambie las palabras del texto.
2. Verifique los vínculos de cada viñeta.
¿Cómo? Paso 5 - Construir un sitio DHTML con " Dividir en Frameset"
1. Haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en Construir para mostrar la barra de herramientas de Construir .
3. Haga clic en Sitio Web para mostrar el diálogo Construir. 4. Si la checkbox de ‘HTML dinámico ’ no está marcada, haga clic en ella. 5. Haga clic en Avanzado para mostrar el diálogo de Opciones avanzadas.
6. Más información acerca de construir 7. Elija ‘Dividir en Frameset’ entre las opciones de estilo de sitio Web.. 8. Haga clic en ACEPTAR 9. Haga clic en Ejecutar ahora para ver el sitio desde su navegador de Web.
210
Cómo agregar una transición de página
Para hacer que su documento sea realmente dinámico, agregue transiciones a las páginas en su documento. Transiciones incluyen desplazamiento de página, barridos de página, efecto disolver, y muchos más. Sugerencia: Mire la ventana de vista previa en el diálogo de Transiciones de página para una vista previa de la transición. Para agregar una transición de página:
1. Abra su documento.
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Página para mostrar la barra de herramientas de Editar Página
4. Haga clic en Insertar para inserar una página nueva. El diálogo de Página Nueva aparece.
5. Haga clic en Transición para mostrar el diálogo de transición de página. 6. Haga clic en un botón de Transición para ver una vista previa del efecto en la ventana
de vista previa. 7. Establezca la duración de la transición: 8. Haga clic en la check box ‘Mostrar efecto de página por’ . Desplace hacia abajo
la lista de posibilidades de duración del efecto y elija una. 9. Establezca el momento de comenzar la transición: Haga clic en la check box ‘Avance
luego de’ . Desplace hacia abajo la lista de posibilidades de comienzo del efecto y elija una..
10. Haga clic en la check box ‘Todas las páginas’ para aplicar la transición a todas las páginas del documento.
11. Haga clic en la check box ‘Al azar’ si usted prefiere aplicar un efecto al azar para la aplicación del efecto.
12. Haga clic en ACEPTAR. Sugerencia: ISi usted prefiere crear una presentación de diapositivas sin transiciones de página, haga clic en el icono de la primera transición representando ‘ nada ‘. Establezca cuándo avanzar a la página siguiente. El resultado es una presentación sin transiciones. Las transiciones de página no funcionarán en un sitio Web con una barra de navegación sino en un marco separado. Asegúrese de que selecciona ¨estándar¨como el estilo de sitio Web en las Opciones avanzadas del diálogo Construir como un sitio Web dinámico . Algunas transiciones son compatibles solamente con Internet Explorer 4.0 y versiones posteriores.
212
Acerca de la animación de ruta
Para un efecto dinámico y excitante, cree una ruta animada para el elemento. Éste se moverá a lo largo de la página en forma de ola, hamacándose, volando desde una esquina, y de muchas formas más. Usted puede modificar esta ruta y decidir su duración y el momento en que comienza. Usted puede fijar repeticiones para la animación, de modo que se repita continuamente o que añada un efecto de parpadeo. Nota: La animación de ruta puede ser mostrada solamente en un sitio Web dinámico (sitio DHTML). Ver también
Aplicar animación de ruta a elementos
¿Qué clase de elementos pueden ser animados?
La animación de ruta no se recomienda para: � Objetos incrustados o elementos con ninguna clase de vínculo.
� Imágenes que tengan esténciles aplicadas a ellas.
� Imágenes PNG o JPG con fondos transparentes.
Es posible animar tales imágenes pero la transparencia puede causar resultados impredecibles. Si usted quiere animar una imagen con un fondo transparente, se recomienda usar el formato GIF .
� La animación de ruta no se puede aplicar a elementos agrupados. Aplique rutas de animación separadas a los elementos individualmente.
Cómo aplicar animación a los elementos
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Agregue interés y excitación a su página Web animando objetos estáticos. Ponga en movimiento un objeto usando una ruta de animación seleccionada (o cree la suya propia) para describir la ruta y la duración del movimiento. Para aplicar una animación :
1. Seleccione el elemento a animarse
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Animación para mostrar el diálogo de la ruta de animación. 5. Explore a través del menú de rutas y haga clic en una para seleccionarla. La ruta
seleccionada aparece en su página como una línea de puntos, a manera de vista previa Haga clic en el botón Editar ruta si quiere ajustar ese paso. Los ajustadores aparecen a lo largo de la ruta. El ajustador azul representa el comienzo de la animación, el ajustador rojo representa el fin, mientras que los verdes representan las esquinas a lo largo de la
213
ruta. 6. Arrastre un ajustador para ajustar su posición o arrastre su posición o arrastre la línea
de puntos parra mover la ruta entera. 7. Escriba la duración para la animación en el campo ‘Mostrar por’ . El número antes del
punto decimal representa segundos. 8. Establezca el comienzo de la animación en el campo ‘Comenzar luego de’. Por
ejemplo, si usted escribe 1.5, la animación comenzará un segundo y medio luego de que la página sea abierta.
9. Haga clic en la checkbox Guiñar para dar un efecto parpadeante a su animación. 10. Haga clic en la checkbox Repetir para hacer que su animación vuelva a ejecutarse, de
modo que lo haga continuamente. 11. Haga clic en Fit Start xxxxxxxxxxxxxxxxxxxxx para asegurar que la posición de
comienzo de la animación es la ubicación del elemento. Esto ayuda a evitar el comienzo a los saltos que puede ocurrir con las animaciones si ellas comienzan en una ubicación diferente
12. Cuando usted haya terminado de configurar la animación, haga clic en alguna parte afuera del elemento o haga clic en la x en la esquina superior derecha del diálogo de la ruta de animación para cerrarlo.
Nota: Usted no podrá ver la animación mientras esté editando el documento. Para verla, necesita construir o hacer la vista previa del sitio Web DHTML..
Cómo insertar objetos animados prediseñados
Web Easy le ofrece una colección de objetos animados ya preparados y listos para usarse ( ready-to-use) . La colección incluye imágenes animadas y textos. Después de que usted inserta un objeto, usted puede editar la ruta de animación o reemplaza la imagen o el texto. Para insertar objetos animados:
1. Haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas.
3. Haga clic en Objeto para abrir el diálogo Insertar objeto. 4. Haga clic en la ficha Animaciones para traer ese tópico al primer plano. 5. Haga clic en el nombre de un objeto para verlo en el cuadro de vista previa. 6. Haga clic en ACEPTAR. para elegir el objeto. 7. Haga clic en la página donde usted quiere poner el objeto.
Ver también
Cómo aplicar animación a los elementos
Cómo animar elementos múltiples
Usted puede aplicar una ruta de animación a elementos múltiples, de manera que cada elemento se mueva a lo largo de la misma ruta. Usted puede establecer la demora entre la animación de cada elemento. Para aplicar una ruta de animación a elementos múlt iples:
214
1. Seleccione los elementos a animarse
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Animación para mostrar el diálogo de la ruta de animación. 5. Elija una ruta de la lista. 6. Haga clic en el botón Editar ruta para ajustar la ruta, si lo desea. 7. Haga clic en 0rganizar para mostrar el diálogo de Organizar animación 8. Escriba un tiempo de offset para calcular la demora. Por ejemplo, si usted escribe 1.0,
el segundo elemento comenzará su movimiento a lo largo de la ruta luego de la demora de un segundo.
9. Haga clic en ACEPTAR Notas: El último elemento seleccionado es el primero que aparecerá en la animación. Así que cuando usted seleccione los elementos por primera vez, hágalo en el orden inverso, seleccionando el último elemento primero, etc. El botón Organizar sólo es visible en la Ruta de animación cuando se seleccionan elementos múltiples.
216
Cómo aplicar efectos HTML dinámicos a sus elementos
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Web Easy le ofrece una amplia elección de efectos HTML dinámicos que usted puede aplicar a textos y elementos en su sitio Web dinámico (DHTML). Los efectos HTML dinámicos son similares a las transiciones que usted puede aplicar a las páginas, pero estos efectos se aplican a elementos individuales. Para aplicar un efecto HTML dinámico a un elemento:
1. Seleccione el elemento al cual quiere aplicarle el efecto.
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Efectos para mostrar el diálogo de efectos dinámicos HTML. 5. Desplace hacia abajo el menú Efectos y haga clic en un efecto para elegirlo. 6. Elija un estilo para el efecto - por ejemplo, fundido de entrada lento fundido de entrada
y salida rápido, etc. 7. Haga clic en Ficha avanzada para el ajuste fino de su efecto dinámico HTML. 8. Haga clic en Aceptar para aplicar el efecto.
Sugerencia: Usted no podrá ver el efecto mientras está editando el documento. Para verlo, usted necesita hacer una vista previa del sitio Web dinámico. Notas: Algunos efectos son compatibles solamente por Internet Explorer 4.0 y versiones posteriores. Algunos efectos tales como Sombra paralela y Borde resplandeciente, deben ser aplicados a elementos de texto. Ver también
Ajuste fino de su efecto HTML dinámico
Lista de efectos HTML dinámicos
Lista de efectos HTML dinámicos
Los efectos HTML dinámicos que usted puede aplicar a un elemento incluyen: � Barrido - el elemento es barrido a través de la página, comenzando desde la izquierda,
derecha, parte superior o inferior. � Recuadro entrante o saliente - el elemento es barrido hacia adentro o afuera en la
forma de una caja. � Entrada en círculo -el elemento es barrido hacia adentro o afuera en la forma de una
círculo. � Persiana - el elemento aparece primero como persianas verticales u horizontales, o en
la forma de abrir o cerrar persianas.. � Damero. - el primer elemento aparece como un arreglo de cajas, como un tablero de
ajedrez. � Franjas - el elemento se barre diagonalmente a través de la pantalla.
217
� Barras - el elemento aparece primero como líneas muy delgadas verticales u horizontales.
� Transparencia - la imagen se funde, volviéndose menos transparente gradualmente. � Desenfocar - la imagen cambia de desenfocada a enfocada. � Ondas sinusoides - el elemento aparece gradualmente en la forma de una onda
sinusoide. � Ocultar y mostrar - el elemento es mostrado y luego escondido.
Efectos HTML dinámicos que solamente pueden ser aplicados a texto incluyen:
� Borde resplandeciente - un borde resplandeciente crece alrededor del texto. � Sombra paralela - una sombra rota alrededor del texto.
Ajuste fino de un efecto HTML dinámico
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Al ajustar las configuraciones Avanzadas del Diálogo HTML dinámico , usted puede controlar precisamente el despliegue o repliegue de su efecto. Usted puede controlar:
� el Despliegue - el tiempo que toma su objeto para empezar gradualmente � la Retención - el tiempo que el efecto se mantiene inmóvil � el Repliegue - el tiempo que toma el efecto para ir deteniéndose gradualmente. � el Tiempo de repetición - el tiempo durante el cual el efecto vuelve a ser reproducido. � la Sincronización de inicio - el tiempo después del cual el efecto comienza, cuando la
página se muestra. Nota: No todas las opciones se hallan disponibles para todos los efectos. Si una opción aparece en gris, no está disponible para ese efecto. Para ajustar las configuraciones Avanzadas:
1. Seleccione el elemento al cual quiere aplicarle el efecto.
2. Haga clic en para mostrar la barra de herramientas de Edición
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Efectos para mostrar el diálogo de efectos dinámicos HTML. 5. Haga clic en Ficha avanzada para el ajuste fino de su efecto dinámico HTML. 6. Haga clic en la opción Fundido de entrada o Fundido de salida . 7. Seleccione la checkbox ‘Desplegar efecto por’ y escriba la duración del efecto en
segundos, por ejemplo 1.00 por un segundo. Esto controlará la duración del efecto para comenzar gradualmente.
8. Seleccionar la checkbox ‘Mantener efecto por’ y escribir una cifra en segundos. Esto controla la duración del tiempo en que el efecto se retiene o mantiene inmóvil.
9. Seleccione la checkbox ‘Replegar efecto por’ y escriba una cifra en segundos. Esto controla el tiempo que lleva para un efecto vaya replegándose gradualmente.
10. Seleccione la checkbox ‘Repita después de’ y escriba una cifra en segundos. Esto controla la repetición del efecto, cada cuantos segundos el efecto vuelve a ejecutarse, en una repetición continua.
11. Seleccione la checkbox ‘Comenzar luego de’ y escriba una cifra en segundos. Esto
218
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.
220
Cómo aplicar animación de ruta al texto
Cree texto en movimiento dinámico para su sitio Web aplicando animación de ruta al texto. Aplique animación al texto de la misma forma que usted animaría otros elementos.
¿Cómo?
Cómo aplicar efectos HTML dinámicos al texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Cree texto llamativo en su sitio Web aplicando efecto HTML dinámicos a su texto. Aplique efectos al texto de la misma forma que los aplica a otros elementos.
¿Cómo? Usted puede aplicar cualquiera de los efectos HTML dinámicos a su texto. Dos de estos efectos - Borde resplandeciente y Sombra paralela - pueden ser sólo aplicados a textos. Nota: Efectos HTML dinámicos no pueden ser aplicados al texto con una sombra. Si se aplican, la sombra no aparece. Ver también
Cómo aplicar efectos HTML dinámicos a los elementos
Cómo agregar sombras al texto
A diferencia de HTML, el cual convierte texto sombreado en una imagen, cuando usted construye un documento en un sitio Web DHTML, su texto sombreado se convierte en texto. Los visitantes serán capaces de copiar y pegar el texto en las aplicaciones de procesamiento de texto de Word . Hay, sin embargo, algunas limitaciones:
� Las sombras DHTML no pueden ser vistas con los navegadores de Netscape.. � Hay limitaciones para las clases de sombras que usted puede crear - las sombras
DHTML estándar son Sombra paralela y Sombra difusa . Por ejemplo, cualquier sombra con un valor de offset superior a 4 se interpretará como Sombra paralela por Internet Explorer.
� Si es texto se rellena con un relleno de degradado o de textura, se exportará como una imagen. Estas imágenes pueden mostrarse incorrectamente, dependiendo de las configuraciones de Windows.
Nota: Windows tiene una función integrada para texto en imagen anti-aliast, la cual puede ocasionar a que su página se muestre en forma deficiente.Si su texto en imagen no se muestra correctamente en su navegador, cambie su configuración de Windows de la forma siguiente:
� Abra "Mostrar propiedades" (hacer clic con el botón derecho del ratón sobre el escritorio y elija Propiedades).
� Seleccione la ficha "Efectos" � Desactive "Usar el siguiente método para suavizar los bordes de las fuentes de
pantalla" Para agregar una Sombra Paralela a un texto:
1. Haga clic en para mostrar la barra de herramientas de Editar.
221
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto . 3. Haga clic en el texto seleccionándolo en modo Objeto.
4. Haga clic en Sombra para mostrar el diálogo de Sombra. 5. Deslice los controles deslizantes para determinar las configuraciones de sombra.
Mantenga su ratón sobre un control deslizador para ver un mensaje mensaje emergente del valor seleccionado.
� Configure el valor Desenfocar en 0. � Configure el offset X en cualquier número entre 5 y 32. � Configure el offset Y en cualquier número entre 5 y 32. 1. Haga clic en Aceptar para aplicar la sombra.
Para agregar un sombra difusa al texto:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto . 3. Haga clic en el texto seleccionándolo en modo Objeto.
4. Haga clic en Sombra para mostrar el diálogo de Sombra. 5. Deslice los controles deslizantes para determinar las configuraciones de sombra.
Mantenga su ratón sobre un control deslizador para ver un mensaje mensaje emergente del valor seleccionado. � Configure el valor Desenfocar en 0. � Configure el offset X en cualquier número menor de 5. � Configure el offset Y en cualquier número menor de 5. � Haga clic en Aceptar para aplicar la sombra.
Ver también
Creación de sobras avanzadas
223
Creación de sombra avanzada
Los usuarios avanzados pueden crear efectos especiales de texto ajustando las configuraciones de sombra. He aquí algunas ideas: Para agregar una sombra resplandeciente al texto:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto . 3. Haga clic en el texto seleccionándolo en modo Objeto.
4. Haga clic en Sombra para mostrar el diálogo de Sombra. Deslice los controles deslizantes para determinar las configuraciones de sombra. Mantenga su ratón sobre un control deslizador para ver un mensaje mensaje emergente del valor seleccionado. � Configure el valor Opacidad en 0. � Configure el valor Desenfocar en cualquier número entre 1 y 16. � Configure el offset X a 0. � Configure el offset Y a 0.. � Haga clic en Aceptar para aplicar la sombra.
Nota: Este efecto de sombra sólo puede ser visto por con Internet Explorer.
225
Cómo diseñar presentaciones de diapositivas en DHTM L
Un sitio Web dinámico para mostrar sus imágenes como una presentación de diapositivas es fácil de diseñar. Use transiciones de página para agregar interés a la presentación de diapositivas. Para diseñar presentaciones de diapositivas:
Paso 1 - Diseñar un documento nuevo de una página
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en En blanco para abrir un nuevo documento. 4. El nuevo diálogo de documento aparece. 5. Haga clic en una plantilla de una página sola. 6. Haga clic en ACEPTAR
Paso 2 - Dar un fondo al documento
1. Haga clic en para mostrar la barra de tareas de Editar
2. Haga clic en Página para mostrar la barra de herramientas de Editar página .
3. Haga clic en el botón Fondo para mostrar el diálogo Rellenar con color. 4. Elija un color para el fondo, preferentemente uno oscuro. 5. Haga clic en ACEPTAR
Paso 3 - Ubicar una foto en el centro de su página
1. Explore para encontrar la foto que usted necesita desde el Explorador de archivo. 2. Arrastre la foto a su documento.
3. Haga clic en Organizar para mostrar la barra de herramientas de Organizar elementos .
4. Haga clic en Ajustar para mostrar el diálogo Ajustar. 5. Haga clic en la ficha de Página en el diálogo Ajustar . 6. Haga clic en la opción llamada ‘Centrar la selección sobre la página’. 7. Haga clic en ACEPTAR
Paso 4 - Insertar una página nueva, en blanco
1. Haga clic en Página para mostrar la barra de herramientas de Editar página .
2. Haga clic en Insertar . 3. Asegúrese de que Página en blanco esté seleccionado y haga clic en Aceptar . Una
nueva página en blanco con el mismo fondo se agrega a su documento. Paso 5 - Ubicar una foto en la página nueva
1. Repetir paso 3 para la próxima foto. 2. Continúe agregando páginas y fotos hasta completar.
Paso 6 - Establecer transiciones de página
226
1. Use las flechas de navegación para volver a la primera página.
2. Haga clic en Página para mostrar la barra de herramientas de Editar página .
3. Haga clic en Transición para mostrar el diálogo de Transición de página. 4. Elija un estilo de transición de página. 5. Haga clic en un icono de estilo de transición de página. Mire el cuadro de vista previa
para ver cómo se comporta, o 6. Haga clic en la checkbox ‘Al azar’ si usted prefiere aplicar un a variedad de efectos
elegidos al azar para a la página. 7. Escriba, en segundos, la duración del efecto, en la check box ‘Mostrar efecto de página
por’ . Desplace hacia abajo la lista de posibilidades de duración del efecto y elija una.o haga clic para elegir un número de la lista.
8. Escriba, en segundos, el momento de avanzar a la próxima página, o haga clic en para elegir un número de la lista: Haga clic en la check box ‘Avance luego de’ . Desplace hacia abajo la lista de posibilidades de comienzo del efecto y elija una..
9. Haga clic en la check box ‘Todas las páginas’ para aplicar la transición a todas las páginas del documento. O no la seleccione y repita este paso, aplicando una transición diferente a cada página.
10. Haga clic en ACEPTAR Paso 7 - Construir su documento en un sitio Web di námico
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic Construir para mostrar la barra de herramientas de Construir .
3. Haga clic Sitio Web para mostrar el diálogo Construir. 4. Si la checkbox ‘HTML dinámico’ no está seleccionada, haga clic en ella. 5. Haga clic Avanzado para mostrar el diálogo de Opciones avanzadas. 6. Elija Centrado en pantalla completa- (estilo kiosko) del menú desplegable abajo de
Estilo de sitio Web . 7. Haga clic en ACEPTAR. 8. Haga clic en ACEPTAR para completar la construcción.
Ver también
Cómo agregar un a transición de página
Cómo construir un sitio Web dinámico
Cómo diseñar presentaciones en DHTML
Una presentación dinámica en pantalla completa es fácil de crear. Use transiciones de página y animación para agregar interés. Para diseñar una presentación:
Paso 1 - Diseñar un documento usando el Asistente d e sitio Web
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
227
3. Haga clic en Sitio Web para comenzar el Asistente de sitio Web. 4. Haga clic en la ficha Negocios y seleccione una plantilla apropiada para una
presentación. 5. Siga las instrucciones en el Asistente de sitio Web hasta que el documento esté
completo.
Más información acerca de cómo usar el Asistente de sitio Web. . Paso 2 - Editar el documento
1. Haga clic en Construir para mostrar la barra de herramientas de Construir . 2. Modifique elementos de texto, reemplazando textos existentes con el suyo. 3. Ajuste la medida y la ubicación de las imágenes, si se desea. 4. Agregue características extra tales como transiciones de página o animaciones, si se
desea. 5. Guarde el documento.
Paso 3 - Construir el documento dentro de un sitio DHTML
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Construir para mostrar la barra de herramientas de Construir .
3. Haga clic en Sitio Web para mostrar el diálogo Construir. 4. Si la checkbox ‘HTML dinámico’ no está seleccionada, haga clic en ella. 5. Haga clic en Avanzado para mostrar el diálogo de Opciones avanzadas. Elija
Centrado en pantalla completa- (estilo kiosko) del menú desplegable abajo de Estilo de sitio Web .
6. Haga clic en ACEPTAR. 7. Haga clic en ACEPTAR para completar la construcción.
229
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..
231
Acerca de imágenes animadas GIF
Una imagen animada GIF incluye múltiples imágenes dentro de un solo archivo GIF. Cuando se ven en una página Web, la ¨corriente¨ de imágenes funciona como los marcos en una secuencia de animación. Usted puede controlar la velocidad de la animación y agregar transiciones de página si así lo desea. Hay tres estadios involucrados en crear y usar un componente GIFanimado :
1. Crear un documento de dos o más páginas como la base de su imagen GIF animada. Puede usar el Asistente de GIF animado o crear su propio diseño. En este estadio el GIF animado está en la forma de un documento y no puede ser visto con un navegador de Web.
2. Construir el documento en un componente GIF animado. 3. Insertar el componente GIF animado en otro documento..
Ver también
Cómo usar el Asistente de GIF animado
Cómo crear una imagen de GIF animada
Cómo construir un componente de GIF animado.
Cómo insertar un componente GIF animado en un documento
Cómo crear una imagen GIF animada
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede crear imágenes GIF animadas usando su propio diseño y especificaciones. Para crear un GIF animado:
Paso 1 - Diseñar el documento base
1. Diseñar un nuevo documento en blanco. 2. Ajustar el tamaño de la página para que tenga la medida necesaria, usando un tamaño
de página Definido por el usuario .
¿Cómo? 3. Agregar páginas al documento. Cada página se convertirá en un "marco" en la
animación. Paso 2 - Insertar el contenido de la animación
1. Ubicar una imagen u otro elemento en cada página. 2. Agregar transiciones de página si lo desea. Éstas serán visibles en el GIFanimado.
¿Cómo?
3. Guardar el documento. Paso 3 - Ajustar la sincronía y construir el compon ente 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
232
animado. Paso 4 - Insertar el componente de GIF animado en o tro documento
1. Abrir un documento nuevo. 2. Insertar el componente de GIF animado.
¿Cómo?
Cómo construir un documento en una imagen GIF anima da
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Después de que haya diseñado su GIF animado en un documento, el próximo paso es ver cómo Web Easy lo construye en un componente GIF animado, el cual puede ser insertado dentro de un documento. Para construir un componente de GIF animado:
1. Diseñe su documento de GIF animado.
2. Haga clic para mostrar la barra de tareas de Portada
3. Haga clic en Construir para mostrar la barra de herramientas de Construir .
4. Haga clic en Componente y haga clic en GIF animado. 5. Aparece el diálogo Construir como un GIF animado. 6. Seleccione la carpeta de destino en donde quiere almacenar el GIF animado. Haga clic
en para localizar una nueva carpeta si lo desea. 7. En el campo ‘Nombre de archivo’, escriba el nombre para el GIF animado. El nombre
predeterminado se genera automáticamente desde el nombre de archivo de su documento.
8. Haga clic en ‘Cambiar el tamaño de la imagen’ si lo desea. Escriba en pixeles el alto y el ancho deseados.
9. Haga clic en ‘Proporcional’para mantener las proporciones de la imagen de GIF animado después de cambiar de tamaño.
10. Haga clic en Avanzado si usted desea ajustar la profundidad de color, la duración de página y otras opciones avanzadas.
11. Haga clic en ‘Ejecutar ahora’ para mostrar el GIF animado en su navegador de Web luego de construirlo.
12. Haga clic en ACEPTAR.
Opciones avanzadas para construir imágenes GIF anim adas
Al hacer clic en el botón Avanzado en el diálogo Construir un GIF animado muestra el diálogo de Opciones avanzadas de GIF animado. Este diálogo le permite configurar la clase de imágenes GIF animadas que usted crea. Para configurar las Opciones avanzadas de GIF anima do:
1. Haga clic en el botón Avanzado en el diálogo Construir como un GIF animado . 2. Haga clic en la flecha en el campo ‘Profundidad de color , para elegir la profundidad
de color. Nota: Imágenes GIF pueden tener un máximo de 256 colores. Si su GIF animado incluye fotos,
233
usted puede ver una reducción en la calidad de la imagen. 3. Elija una paleta de color para mostrar su imagen GIF animada de la mejor forma
posible. Si tiene dudas, seleccione: ‘Optimizado’. � Netscape - optimizado para la Web. � Windows - la paleta estándar de Windows. � Optimizado - optimizado para la imagen. � Fijo - optimizado para uso de 256 colores. 4. Haga clic en ‘Entrelazado’, si lo desea. Una imagen entrelazada se descargará en
etapas, de manera que cuando la gente vea su sitio, ellos verán parte de la imagen mientras la página está siendo descargada.
5. Haga clic en ‘Color transparente’ para hacer su imagen transparente. Haga clic en el bloque de color para elegir un color. Cualquier parte de la imagen que aparece en ese color será mostrada como transparente.
6. Arrastrar el control deslizante de ‘Efecto de página’ para ajustar la calidad del efecto de transición de página.
� Una mejor calidad significa transiciones más suaves y un archivo de mayor medida. � Una calidad inferior significa transiciones xxxxxxxxxxxxxxxxx y un tamaño menor de
archivo. 7. Arrastre el control deslizante ‘Duración de página’ para ajustar la sincronía del GIF
animado. 8. Haga clic en ACEPTAR.
Nota: Si está inseguro acerca de qué configuración debe elegir para cada opción, acepte las configuraciones predeterminadas.
Cómo usar el Asistente de GIF animado
La forma más rápida de comenzar a crear un componente de GIF animado es usando el Asistente de GIF animado. El Asistente le guía a través del proceso de diseñar el componente. Para crear un GIF animado con el Asistente:
Paso 1 - Abra el Asistente de GIF animado
1. Elija Nuevo y luego Gif animado , desde el menú Archivo. 2. El Asistente de Gif animado se abre. 3. Haga clic en Siguiente .
Paso 2 - Seleccione una plantilla de diseño
1. El diálogo de plantillas le ofrece una selección de plantillas GIF animadas. 2. Haga clic en el nombre de la plantilla. 3. Use los botones de navegación "Primero/Anterior/Siguiente/Último" para seleccionar
una plantilla. 4. Haga clic en Siguiente .
Paso 3 - Elija una carpeta de destino y un nombre d e archivo para su documento
1. Elimine el nombre que aparece en el campo ‘Nombre’ y escriba un nuevo nombre para su documento en su lugar.
2. Elija una carpeta en su ordenador en la cual almacenar su documento. Usted puede o: � Escribir la ruta de acceso a la carpeta en el campo ‘Carpeta’ o
� Haga clic en para explorar por la carpeta correcta. 3. Haga clic en Siguiente .
234
Paso 4 - Recolecte las fotos para su documento
Advertencia: Los archivos GIF animados pueden ser inmensos, dependiendo en la medida y número de imágenes incluidas. Es una sabia medida la de asegurar que sus imágenes son apropiadas, para evitar problemas de descargue y de ejecución.
1. Haga clic en para explorar por la carpeta correcta donde sus fotos están almacenadas.
2. Seleccione las imágenes para su GIF animado. Cada imagen aparecerá en una página diferente de su documento. Cuando el GIF animado se construya, cada imagen aparecerá como un marco en la animación. Cargue fotos individuales en los
portaespacios haciendo clic en el nombre de una foto. . O sino, cargue todas las
fotos de una vez haciendo clic en . 3. Haga clic en Siguiente ..
Paso 5 - Agregue los últimos toques
1. Si usted hace clic en la checkbox ‘Construir un GIF animado ahora’ , Web Easy construirá su documento en un componente de GIF animado. Algunas personas no quieren construir en esta etapa porque quieren agregar antes los últimos toques.
2. Haga clic en Terminar para cerrar el Asistente de Gif animado. Su documento se muestra en el espacio de trabajo de Web Easy y usted puede editarlo.
Nota: Si usted no hizo clic en la checkbox ‘Construir GIF animado ahora’ , su GIF animado está todavía en la forma de un documento. Usted necesita construirlo en un componente GIF animado, e insertarlo en otro documento. Ver también
Cómo construir un componente GIF animado
Cómo insertar un componente GIF animado en un documento
236
Acerca de los componentes de imagen
Un componente de imagen es � Una instantánea una página de un documento, o � Una imagen creada de elementos seleccionados en un documento.
Las páginas o elementos se construyen en una imagen nueva, la cual puede ser construida dentro de una nueva imagen, la cual puede entonces ser insertada en un documento, y editado. Al construir páginas o elementos en componentes de imagen usted puede ejecutar la clase de tareas para las que normalmente se requeriría un programa de edición para imágenes. Hay tres etapas involucradas en crear y usar un componente de imagen:
1. Crear un documento. Si usted quiere construir una imagen en su página, de elementos seleccionados, seleccione estos elementos.
2. Construir el componente de imagen.. 3. Insertar la imagen componente en su documento.
Ver también
¿Por qué crear un componente de imagen?
Cómo construir un componente de imagen
Cómo crear imágenes imágenes de fotomontaje digital
Cómo tomar una instantánea de una página
Cómo insertar un componente de imagen dentro de un documento
¿Por qué crear un componente de imagen?
� Para darle mayor control sobre la forma en que su documento se exporta. Por ejemplo, cuando usted construye un documento en un sitio DHTML, cada elemento sobre una página se exporta separadamente. Esto es necesario para permitir los efectos DHTML especiales, pero puede tomarle mucha memoria. Usted puede ahorrar memoria combinando un grupo de elementos en una imagen individual. De esa forma, su sitio DHTML tendrá menos volumen y los visitantes la encontrarán más fácil de descargar.
� Cree instantáneas de cada página de un documento para crear un índice gráfico. Ubique las instantáneas en el borde de su documento y vincúlelas a sus páginas respectivas.
� Si usted convierte un pedazo de texto o una forma en una imagen, usted puede aplicar todos los efectos de imagen que no pudieron ser aplicados mientras era un texto o una forma. Por ejemplo, usted puede aplicar el efecto relieve o de transparencia parcial. Usted también puede rotar el elemento, lo que no podía hacer previamente.
� Usted puede combinar un número de elementos, por ejemplo, un botón y trozo de texto describiendo su función, por ejemplo, "Portada" o "E-mail". La nueva imagen, consistiendo de un botón con una etiqueta puede ser vuelto a usar en otros documentos.
Al construir páginas o elementos en una imagen usted puede ejecutar la clase de tareas para las que normalmente se requeriría un programa de edición para imágenes. Ver también
Cómo crear imágenes de fotomontaje digital
Cómo tomar una instantánea de una página
237
Cómo construir un documento en un componente de ima gen
%!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 compon ente de imagen,
Haciendo clic en ‘Exportar selección ’ en el diálog o Construir como una imagen, usted puede llevar cualquiera de los elementos selecciona dos en el momento y construirlos dentro de una imagen. La imagen nueva puede ser ins ertada en el mismo documento o en otros, para luego ser modificada como sea necesa rio.
� Cómo construir páginas enteras en componentes de im agen. Cancelando la selección ‘Exportar selección ’ en el diálogo Construir como una imagen, usted puede llevar la página actual y construirla dentro de una imagen. Usted puede ajustar el tamaño de la imagen nueva en este diálogo. Ver también
Cómo crear imágenes de fotomontaje digital
Cómo tomar una instantánea de una página
Cómo crear imágenes de fotomontaje digital
Las imágenes de fotomontaje digital están hechas de uno o más elementos en una página. Organice los elementos y constrúyalos en una imagen individual. Usted puede combinar cualquier clase de elemento y tantos como a usted le guste. Puede insertar la imagen nueva en un documento y aplicarle efectos de imagen. Para crear una imagen de fotomontaje digital:
Paso 1 - Diseñar una imagen de fotomontaje digital:
1. Ubique el elemento o elementos sobre la página. Por ejemplo, si usted está creando un botón de etiqueta, inserte una imagen de botón e inserte el texto.
2. Organice los elementos. Por ejemplo, ubique el texto arriba del botón. 3. Seleccione ambos elementos.
Paso 2 - Construya los elementos en un componente de imagen
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Construir para mostrar la barra de herramientas de Construir .
3. Haga clic en Componente y clic en Imagen . 4. El diálogo Construir como una imagen aparece. 5. Elija un formato para la imagen, por ejemplo, JPEG. 6. Haga clic en Avanzado si usted quiere ajustar la profundidad de color y otras opciones
de imagen. 7. Haga clic en‘Reemplazar selección con una nueva imagen’, para ubicar la imagen de
fotomontaje digital en su documento en lugar de los elementos seleccionados. 8. Haga clic en ‘Ejecutar ahora’ si usted quiere mostrar la imagen en la aplicación
asociada. Nota:
238
Windows asocia distintos tipos de archivo con las aplicaciones. Usted puede elegir cuál aplicación asociar con un tipo específico de archivo haciendo clic en la ficha Tipos de archivo en la carpeta Opciones de carpeta . Para mayor información, refiérase a su documentación de Windows
Si usted hizo clic en ‘Reemplazar selección con una nueva imagen’, la imagen de fotomontaje digital: aparece en su página. Si no, usted puede insertarla en su documento. Usted puede cambiar el tamaño del objeto, rotarlo o aplicarle cualquiera de los efectos de foto. Ver también
Opciones avanzadas para construir componentes de imagen
Cómo tomar una instantánea de una página
La función del componente de imagen le permite tomar instantáneas de páginas enteras. Usted puede usar estas instantáneas, por ejemplo, para crear un índice gráfico. Puede colocar pequeñas instantáneas de páginas a lo largo del borde de la página de un documento, para usarlos como vínculos a las páginas que representan. Para tomar una instantánea:
1. Cree un documento.
2. Haga clic para mostrar la barra de tareas de Portada
3. Haga clic en Construir para mostrar la barra de herramientas de Construir .
4. Haga clic en Componente y clic en Imagen . 5. El diálogo Construir como una imagen aparece. 6. Si ‘Exportar Selección’ está seleccionado, haga clic en la casilla para cancelar la
selección. 7. Escriba la ubicación en la cual desea almacenar la imagen en el campo‘Imagen’ . O
escriba la ruta de acceso a la carpeta correcta o haga clic en para explorar allí. 8. Dé un nombre a la imagen en el campo ‘Nombre del paquete’ . 9. Elija un formato para la imagen, por ejemplo, JPEG. 10. Elija el rango de salida - ya sea construir la ‘Página actual’ solamente o ‘Todas las
páginas’ del documento. 11. Haga clic en Avanzado si usted quiere ajustar la profundidad de color y otras opciones
de imagen. 12. Haga clic en‘Cambiar el tamaño de la imagen’, y escriba el alto y el ancho deseados
para la imagen (en pixeles) Si usted quiere usar las instantáneas para crear un índice gráfico, ellas deben ser mucho más pequeñas que la páginas.Por ejemplo, si las dimensiones de la página son 640 x 480 pixeles, las instantáneas deberían ser llevadas al tamaño de 64 x 48 pixeles.
13. Haga clic en‘Proporcional’ para mantener las mismas proporciones entre ancho y alto. 14. Haga clic en ‘Ejecutar ahora’ si usted quiere mostrar la imagen en la aplicación
asociada. Nota: Windows asocia diferentes tipos de archivo con las aplicaciones. Usted también puede elegir la aplicación a asociar con el tipo de archivo específico haciendo clic en la ficha Tipos de archivo en la carpeta Opciones de carpeta . Para mayor información, refiérase a su documentación de Windows
1. Haga clic en ACEPTAR
239
Una instantánea de la página se guarda como una imagen. Usted puede insertarla en su documento. puede cambiar el tamaño del objeto, rotarlo o aplicarle cualquiera de los efectos de foto. Si el documento consiste de más de una página, cada imagen se guarda con el nombre que usted especifica y un número, por ejemplo, Cumpleaños_001, Cumpleaños_002, etc. Ver también
Opciones avanzadas para construir componentes de imagen
Opciones avanzadas para construir componentes de im agen
Haciendo clic en el botón Avanzado en el diálogo Construir como una imagen muestra el diálogo de Opciones avanzadas de imagen. Este diálogo configura la clase de imagen que usted crea. La apariencia del diálogo Opciones avanzadas difiere, dependiendo del formato de imagen que usted seleccione en el diálogo de Construir como una imagen. Algunos formatos de imagen tienen más opciones para elegir que otros. Algunos formatos de imagen no requieren ninguna elección, así que el botón Avanzado no estará activo cuando sea seleccionado. Para configurar Opciones avanzadas de imagen:
1. Haga clic en el botón Avanzado en el diálogo Construir como una imagen. muestra el diálogo de Opciones avanzadas de imagen, ofreciendo algunas de la siguientes opciones:
2. Haga clic en la flecha en el campo ‘Profundidad de color , para elegir la profundidad de color .Si es posible, guarde espacio en la memoria reduciendo la profundidad de color.
� Para una imagen en negro y blanco use color de 1bit. � Para una imagen con unos pocos bloques de color liso, use color de 8 bits. � Para una imagen con muchas sombras, use mayor profundidad de color. 3. Haga clic en la flecha en el campo ‘Filtro , para elegir un filtro .Un filtro es un
algoritmo que prepara los datos de la imagen para compresión. 4. Haga clic en ‘Entrelazado’ si lo desea. Una imagen entrelazada se descarga en etapas,
de modo que cuando la gente vea su sitio, ellos verán parte de la imagen mientras la página se descarga. Esto hace que la imagen parezca ser descargada en forma más rápida.
5. Haga clic en ‘Color transparente’ para hacer parte de su imagen transparente.. Haga clic en un bloc der color para elegir un color. Cualquier parte de la imagen que aparezca en ese color se mostrará como transparente.
6. Arrastre el control deslizante de compresión para determinar la calidad de la imagen. Recuerde, la alta calidad de la imagen insume más memoria y lleva más tiempo para descargar.
7. Haga clic en ACEPTAR Notas: Si no está seguro acerca de la configuración a elegir, acepte las configuraciones predeterminadas. En el diálogo Opciones avanzadas de imagen no aparecen todas las opciones listadas más arriba. Estas opciones difieren para diferentes tipos de imagen y el diálogo aparece de forma distinta, dependiendo de qué formato de imagen ha elegido usted.
240
Cómo Insertar un componente de imagen en un documen to
Una vez que un componente de imagen ha sido construído, usted puede insertarlo en un documento. Para insertar un componente de imagen:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Photo para mostrar la barra de herramientas de Editar foto. .
3. Haga clic en Insertar , y seleccione Imagen. Un diálogo de exploración se abre.. 4. Localice el componente de imagen de acuerdo con el nombre de archivo y la localidad
que usted especificó en el diálogo Construir como una imagen. Si usted construyó instantáneas de un documento consistentes en más de una página, cada componente de imagen se guardó con el nombre que usted especificó y un número, por ejemplo, Cumpleaños_001, Cumpleaños_002, etc.
5. Haga clic en Abrir . 6. Ubique el cursor en el espacio de trabajo, en el lugar donde usted quiere ubicar el
componente de imagen, haga clic una vez. Notas: Usted puede insertar más de un componente de imagen por vez Mantenga Mantenga presionada la tecla MAYÚS al mismo tiempo que hace clic en nombres de archivo adyacentes, o mantenga presionada la tecla CTRL para archivos que están adyacentes. Usted también puede insertar componentes de imagen arrastrando y colocando desde el Explorador del archivo o haciendo clic en Componente e Imagen, desde el menú Insertar .
242
Acerca de las escenas
Esta función le permite crear un sitio Web conteniendo páginas que cambian apariencia, basadas en la hora del día, o el día del mes, o el mes del año y más aún. Los visitantes al sitio Web disfrutarán de una experiencia visual dinámica muy rica. El Asistente de escena le permite cambiar de imágenes, texto o fondos en el mismo sitio Web siempre y cuando se cumplan ciertas condiciones temáticas. Un visitante de su sitio Web experimentará estos temas. Por ejemplo, un tema llamado"Día de la semana"puede mostrar distintas clases de esloganes comerciales si el sitio se visita un lunes, o martes o domingo. Tema -una colección de las escenas posibles generalmente controladas desde el ordenador del visitante.
ej..: Día de la semana. Escena - un diseño de página de sitio Web preparado para un caso especial desde la colección de temas,
ej..Lunes.
La apariencia del sitio Web puede prepararse editando el contenido o los atributos de los elementos de diseño existentes, tales como:
� texto, � imágenes, � fuente de texto, � color de texto liso, degradado o textura, � color de forma, degradado o textura,, � color de contorno de forma (degradado y textura, no están disponibles para escenas), � color de fondo de página, degradado o textura, � sonido de fondo de página,.
Un sitio Web construido usando escenas puede ser probado en su navegador de Internet volviendo a cargar la página luego de que la fecha/hora de su ordenador han sido modificados. Alternativamente el tema del evento puede ser simulado escribiendo la dirección en su navegador de Internet con el siguiente formato : file://fulPath?sceneNr donde:
file:// - protocolo requerido para probar escenas en su ordenador, fullPath - ruta de acceso completa a la página Web HTML en su computadora, sceneNr - número de la escena requerida (ej.:- posición en la colección de temas.)
Ver también
Cómo construir escenas
Cómo construir escenas
Agregar y editar escenas en el documento de sitio Web sólo puede hacerse cuando el Asistente de escena se abre. Cómo agregar escenas:
1. Abra un documento de sitio Web existente.
2. Seleccione el Asistente de escena desde el menú Ver.
243
3. Seleccione un tema del cuadro de menú desplegable. 4. Seleccione una escena de la lista (la primera vez que usted haga esto, no seleccione el
primer elemento en la lista, como esto es la escena predeterminada ). 5. Seleccione un elemento en su página que cambiará dependiendo de la escena. 6. Modifique la imagen, texto, color o fuente de este elemento. 7. Repita los pasos 4, 5 y 6 tantas veces como sea necesario. 8. Verifique que su diseño sea correcto seleccionando escenas diferentes de la lista - los
elementos sobre la página cambiarán de acuerdo con la escena que usted seleccione 9. Haga vista previa del documento en su navegador de Internet mientras el Asistente de
escena está abierto. Un Monitor de vista previa de escena se agregará al sitio Web, lo cual le permitirá simular cambios de escena.
10. Construya un sitio Web HTML Dinámico y publique su sitio en la Internet. Cómo quitar una sola escena del o los elemento(s) seleccionado(s):
1. Seleccione el Asistente de escena desde el menú Ver. 2. Seleccione un elemento en su página de donde quitará la escena. 3. Seleccione una escena para eliminación de la lista en el Asistente de escena.
4. Haga clic en Quitar escena seleccionada en el Asistente de escena. 5. Repetir los pasos 2, 3 y 4 tantas veces como sea requerido. 6. Verifique que su diseño es correcto seleccionado diferentes escenas de la lista - los
elementos de la página cambiarán dependiendo de la escena que seleccione Cómo quitar todas las escenas del o los elemento(s ) seleccionado(s):
1. Seleccione el Asistente de escena desde el menú Ver. 2. Seleccione un elemento en su página de donde quitará las escenas.
3. Haga clic en Quitar todas las escena en el Asistente de escena. 4. Repetir los pasos 2, 3 y 4 tantas veces como sea requerido. 5. Verifique que su diseño es correcto seleccionado diferentes escenas de la lista - los
elementos de la página cambiarán dependiendo de la escena que seleccione Cómo quitar todas las escenas del documento de siti o Web:
1. Abra un documento de sitio Web existente.
2. Seleccione el Asistente de escena desde el menú Ver. 3. Seleccione el tema Nada en el cuadro del menu desplegable. 4. Cierre el Asistente de escena y guarde el documento.
Buena práctica: Cuando defina escenas para elementos de texto, elija solamente elementos pequeños de texto. Mantenga colores consistentes para el texto: use solamente colores, degradado o texturas. No cree demasiadas escenas - pueden ser difícil de mantener y encontrar luego. Sugerencias: Usted puede cambiar la apariencia del sitio Web para unas pocas escenas de la colección, por ejemplo usted puede usar el tema del día de la semana para tener una escena distinta solamente en el domingo Imágenes con definiciones de escena no deben tener recortes o efectos de imagen aplicados, y deben ser del mismo tamaño. Nota: Las escenas sólo se generan cuando el sitio Web se construye como HTML.dinámico.
244
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
246
Cómo abrir el Inspector
. Desde el menú Ver, seleccione Inspector . Esta acción alternará la visibilidad el ocultamiento del Inspector. El Inspector estará acoplado a la derecha de la pantalla de Web Easy, o puede estar flotando sobre Web Easy, de acuerdo con su preferencia. Ver también
Cómo usar el Inspector
Propiedades del Inspector
Estilos de Inspector
Capas del Inspector
Cómo usar el Inspector
El Inspector es un diálogo que le permite ver y editar las propiedades relacionadas con el elemento que usted ha seleccionado actualmente. Para abrir el Inspector seleccione Inspector desde el menú Ver, o use el acceso rápido CTRL+K . Después de haberlo abierto el inspector tratará de actualizar cada vez que la selección cambie, mientras usted edita su álbum de sitio Web. Cada tipo de elemento mostrará distintas propiedades. Por ejemplo si usted tiene un elemento de texto seleccionado usted será capaz de cambiar la fuente del Inspector, sin embargo no podrá cambiar la fuente si tiene una imagen seleccionada, pero podrá cambiar propiedades de imagen como el brillo de la imagen. El Inspector tiene tres fichas, propiedades, estilo y capas. La ficha Propiedades muestra propiedades generales que proveen información sobre el elemento y le permite editar configuraciones. Usted puede cambiar las propiedades para la presente selección, la página presente o el sitio completo. La ficha Estilo le permite editar los atributos que serán usados para crear la hoja de Estilo que se genera con su sitio Web en un modo HTML estilizado. Algunos de estos atributos sólo son compatibles si usted está construyendo una página en un modo HTML estilizado.. Usted puede cambiar las propiedades para la selección actual, la página actual o el sitio completo. La ficha Capas le da una lista de todos los elementos en su página y le permite bloquear u ocultar y mover capas hacia arriba y hacia abajo de la vista. La ficha de capas sólo se aplica a la página actual . El Inspector puede estar flotando sobre Web Easy, o acoplarse a la derecha de la pantalla de Web Easy, de acuerdo con su preferencia. Sugerencia: Use Ctrl+K para abrir y cerrar rápidamente e Inspector.
Propiedades del Inspector
247
El Inspector tiene varias categorías o propiedades. Seleccione una categoría debajo, para mayor información.
Construcción de sitio Web
Detalles de archivo
Página
Diseño de sitio
Procesamiento de imagen
Efectos de imagen
Detalles de imagen
Configuraciones de página
Página Web
Estilos del Inspector
El Inspector tiene dos categorías de estilos.
Elemento
Dibujo Sugerencia: Algunos estilos requieren que usted los construya como HTML con CSS o XHTML con CSS.
249
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 archivo
El nombre del archivo
Tamaño de archivo
El tamaño del archivo
Creado La fecha y hora de la creación del archivo Modificado La fecha y la hora en que el archivo se modificó por última vez. Atributos Los atributos del sistema de archivos del archivo:
a: Se establece el indicador de almacenamiento. r: El archivo es sólo lectura. h: El archivo está oculto.
Ver también
Inspector Propiedades del documento
Inspector Propiedades de la página
Inspector Propiedades de la selección
Propiedades de los detalles de la imagen
Las propiedades de los detalles de la imagen le permiten ver los detalles del archivo original de imagen, tales como tamaño de archivo, formato y número de colores. Todas las propiedades en esta sección son sólo para lectura.
Atributo
Descripción
Nombre
El nombre del archivo de imagen en el disco.
Tamaño de archivo
El tamaño del archivo de imagen en el disco. Es importante usar pequeños archivos para aumentar la velocidad de descarga de su sitio.
Formato El nombre del formato de la imagen.
Tamaño original
Las dimensiones del archivo original de imagen.
Profundidad de color
La profundidad de color de la imagen. La profundidad de color oscila desde color de 1-bit, el cual producirá un imagen en puro blanco y puro negro, a color de 32-bits, con la posibilidad de billones de colores.
Capas El número de capas en la imagen. Algunos formatos de imagen, como PSD permiten capas múltiples de imágenes en un solo archivo de imagen.
250
Ver también
Inspector Propiedades del documento
Inspector Propiedades de la página
Inspector Propiedades de la selección
Propiedades de los efectos de imagen
Las propiedades de los Efectos de imagen le permiten ver información acerca del archivo de imagen como se muestra en su documento de Web Easy. Estos efectos no se refieren al archivo de imagen original y cambiar los valores para esos efectos no cambiaría el archivo físico original. Los cambios solamente aparecerán en su documento. Si usted aplica efectos Web Easy creará una nueva imagen para su sitio Web con todos los efectos aplicados en el tiempo de construcción.
Atributo Valor
predeterminado
Valor mínimo
Valor máximo
Descripción
Brillo 0 -255 +255 La cantidad de brillo que se aplicó a la imagen original. El rango de valores que se permite para el brillo oscila entre-255(oscuro) y +255(claro) donde 0 corresponde a la imagen original.
Contraste
0 -100 100 Use el efecto de contraste para ajustar el contraste entre luz y sombra en su foto. Usted puede o aumentar o disminuir el contraste.
Gamma 0 0 50 Cuando usted ajusta la gamma usted incrementa el contraste dentro de los medios tonos, sin afectar los reflejos o las sombras.
Desenfocar
0 0 84 Use el efecto desenfocar para agregar un foco suavizado a su foto.
Enfocar 0 0 96 Use el efecto 'enfocar' para agregar un foco más nítido a su foto.
Detectar bordes
0 0 100 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.
Relieve Desactivado
Desactivado Activado Al dar relieve a una foto se la hace aparecer como una escultura en relieve.
Auto Des Desactivado Activado El auto contraste ajusta automáticamente
251
Contraste
activado
el contraste entre la luz y la sombra, resolviendo el contraste que realzará su foto de la mejor manera. Usted puede aumentar o disminuir el contraste.
Ajustar HSI
0,0,0
-168,-96,-96 168,96,96 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.
Ajustar RGB
0,0,0
-240,-240,-240
240,240,240
Use el efecto Ajustar color para aumentar ciertos valores de color en su imagen. El diálogo le permite agregar rojo, verde y azul adicionales, y también sus colores complementarios - aguamarina, fucsia y amarillo. Use este efecto para realzar una foto con colores desequilibrados o para experimentar con ella para obtener efectos de color interesantes.
Quitar motas
Desactivado
Desactivado Activado
Use quitar motas cuándo una foto está polvorienta o rayada. El efecto quitar motas elimina el polvo o las ralladuras y le da a la imagen un efecto más liso.
Realzar Desactivado
Desactivado Activado
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.
Invertir Desactivado
Desactivado Activado
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.
Escala de grises
Desactivado
Desactivado Activado
Convertir a escala de grises significa convertir la foto a un formato que reconoce solamente tonalidades de gris. Quita la información de color de la foto.
Profundidad de color
Imagen original i
1 32 El efecto de profundidad de color le capacita para cambiar la profundidad de color de su imagen. La profundidad de 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.
Transparencia
0 275 0 Usted puede hacer su foto parcialmente transparente, para que otras imágenes sean visibles desde abajo de ella. El efecto transparencia le permite determinar el nivel
252
de transparencia que debe aplicarse a su imagen..
Sugerencia Ninguna de estas propiedades de los Efectos de imagen cambiará su imagen original. Una imagen nueva se creará cuando usted construya su sitio y su imagen original será preservada. Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Cuando ajustar el matiz, la saturación o la intensidad
Cuando ajustar la gamma
Propiedades de procesamiento de imagen
Las propiedades de procesamiento de imagen le permiten ver información sobre cambios a la imagen que han sido aplicados en su página Web Easy
Atributo Descripción Ángulo rotado
Es el ángulo al que es rotado el elemento actualmente seleccionado. Solamente 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 de recortado
Es el recortado que se aplicó a la selección actual. El recortado reduce la cantidad visible de la imagen. No edita el archivo de imagen original.
Enmascaramiento de imagen
La máscara o esténcil que se aplicó a la imagen actual. Si no hay máscara aplicada esta entrada estará en blanco.
Espejo El espejo y la dirección que han sido aplicados a la imagen ( si lo hay). Efectos de foto
Indica si algún efecto de foto se ha aplicado a esta 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. Sin embargo, usted necesita conservar la imagen original ya que Web Easy necesita cargar su documento todas las veces. Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Propiedades del documento de Inspector
Las propiedades del documento muestran las propiedades que se aplican al sitio Web que
253
usted está diseñando actualmente, a diferencia de la página actual o la selección actual. Para ver las propiedades del documento actual: 1. Abra el Inspector.
¿Cómo? 2. Haga clic en la ficha Propiedades del Inspector. 3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Documento . Las propiedades del documento se agrupan de la siguiente forma;
Diseño de sitio
Construcción de sitio Web
Configuraciones de página
Detalles de archivo Por favor note que las Configuraciones de página también se encuentran disponibles al nivel de la página y que toda propiedad cambiada en el nivel de la página reemplazará aquella realizada a nivel del documento.
Propiedades de la página de Inspector
Las propiedades de la página se relacionan todas a la página que usted está mirando actualmente en Web Easy. Para mirar o editar las propiedades de la página actual. 1. Abra el Inspector.
¿Cómo? 2. Haga clic en la ficha Propiedades del Inspector. 3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Página . Las propiedades de la página se agrupan de la siguiente forma;
Página
Configuraciones de página
Página Web
Propiedades de la selección de Inspector
Las propiedades de la selección se relacionan a los elementos seleccionados en la página usted está mirando actualmente en Web Easy. Para mirar o editar las propiedades de la selección de la página actual: 1. Abra el Inspector.
¿Cómo? 2. Haga clic en la ficha Propiedades del Inspector.
254
3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Selección . Las propiedades de la selección cambiarán dependiendo del tipo de elemento seleccionado, pero se agrupan en las siguientes secciones;
Elemento
Procesamiento de imagen
Efectos de imagen
Detalles de imagen
Detalles de archivo
Propiedades del elemento
Las propiedades del elemento le permiten ver información y hacer cambios a las propiedades del elemento actualmente seleccionado.
Atributo Descripción Tipo El tipo de objeto que usted ha seleccionado. Este podría ser una imagen o
forma o texto, entre otros. Contenido El HTML actual que está en el texto, en texto enriquecido o el texto en bruto en
el caso de texto simple. Imagen El nombre del archivo de la original imagen de origen, sin la información de la
ruta de acceso. Bloqueado Revela si el elemento está bloqueado. Si un elemento en la página está
bloqueado no puede ser seleccionado haciendo clic sobre él con el botón del ratón. Si usted quiere seleccionarlo use la ficha capas en el Asistente de Inspector.
Miembro de grupo
Revela si un elemento es el miembro de un grupo. Los elementos agrupados 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 Audio
Si el elemento tiene un vínculo a un archivo de audio, el nombre del archivo se 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
255
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 elementos
Si el elemento que usted ha seleccionado es un grupo, esta propiedad le mostrará cuántos elementos hay en el grupo.
Imagen de campo
Si el elemento que usted ha seleccionado es una imagen de campo, entonces 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 código
Edita los parámetros del código para los objetos Web Easy que usted ha agregado a su sitio.
Propiedades del reproductor
Edita las propiedades del reproductor de multimedia para algunos elementos de multimedia que usted ha insertado en su página. Un ejemplo: archivos flash. Usted podrá establecer parámetros tales como calidad.
Código personalizado
Muestra código personalizado agregado al elemento.
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 página
La configuración para agregar márgenes en la parte superior y en la 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.
256
No repetir audio Determina si el audio debería repetirse continuamente. Efectos El efecto dinámico a reproducirse cuando la página se carga y la longitud de
tiempo que durará. Estos efectos solo funcionarán en Internet Explorer y si usted exporta como Dinámico HTML.
Transición Establecer una transición le permite a su sitio avanzar a la página siguiente luego de un período específico de tiempo Esto se hace usando efectos específicos IE y no será visto en otros navegadores.
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Propiedades de configuración de página
Las Propiedades de configuración de página le permiten cambiar varias propiedades a aplicarse al HTML de la página Web en construcción. Por favor note que las Configuraciones de página también se encuentran disponibles al nivel de la página y que toda propiedad cambiada en el nivel de la página reemplazará aquella realizada a nivel del documento. Estas propiedades pueden ser establecidas al nivel del documento o al nivel de la página. Si usted configura estas propiedades al nivel del documento, ellas se aplicarán a todas las páginas exceptuando las páginas que reemplazan la configuración teniendo información ya en las propiedades de página a nivel de página. Atributo Descripción Autor La etiqueta HTML META para Autor para ayudar a identificar su página. Palabras clave La etiqueta de palabras clave HTML META que se agregará a su HTML de
origen para ayudar a lo motores de búsqueda a que hagan coincidir palabras clave y que encuentren su sitio.
Descripción La etiqueta de descripción HTML META que se agregará a su página o su sitio para ayudar a lo motores de búsqueda a que encuentren su sitio.
Icono favorito Establecer el icono de favoritos para que se muestre en la barra de dirección cuando la gente visita su sitio y también si la gente agrega su sitio a los favoritos.
Juego de caracteres
El Juego de caracteres que usa el sitio Web. Esto agregará la definición del 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.
257
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 después
El número de segundos hasta que su sitio sea recargado o redirigido si usted tiene configurado un 'Recargar URL'
Color de vínculo
El color de los vínculos de texto que no han sido visitados aún en la página .
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 deslizamiento
Especifique cómo se mostrarán las barras de deslizamiento para su página. 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.
258
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Propiedades de diseño de sitio
Las propiedades del diseño de sitio le permiten ver y alterar las propiedades del archivo del documento Web Easy mientras usted está editando.
Atributo Descripción Nombre del documento
Nombre del documento que usted está editando. Este será un archivo .ALB , el 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 Páginas
El número de páginas que usted tiene en su documento actual Web Easy. Cada página en su documento está hecha en una página cuando usted construya su sitio.
Estilos Le dice si usted está usando estilos dentro de su sitio. Si usted está usando estilos usted necesita construir su sitio Web usando HTML o XHTML con CSS para que todos los estilos se muestren.
Escena Tema La escena que usted está usando en su sitio Web, si la tiene. La escena principal le permite crear un sitio Web Site conteniendo páginas que cambian apariencia basadas en la hora del día, o el día del mes, o el mes del año y más aún.
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Propiedades de página Web
Las Propiedades de página Web le permiten cambiar a varias opciones y agregar código a la página actual de sitio Web.
Atributo Descripción Título El texto que ha de ubicarse en la barra de título, o el título de ficha del
navegador de cuando la página está cargada. Nombre de archivo El nombre de archivo con el cual designar a la página Web.. Si usted
especifica una página primaria cuando construya su sitio, este valor será ignorado..
Eventos de ´Body´ Código personalizado para agregar al fin de la definición de etiqueta de body HTML .
Elementos de ´Body
Código personalizado para agregar al fin del código HTML justo antes de la etiqueta de body .
CódigoJ-/JScript de origen
Código de origen JavaScript para agregar a su código HTML.
259
Elementos de ´Head ´
Código personalizado para agregar a la sección Head del código HTML .
Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
Propiedades de la construcción del sitio Web
Las propiedades de la Construcción del sitio Web le permiten cambiar varias opciones que se aplican a cada página de su sitio Web. Usted puede cambiar el modo en que el sitio está construido, qué tipo de imágenes son producidas y la estructura de sus archivos html exportados. Las propiedades disponibles son;
Atributo Descripción Construir como Le permite seleccionar el tipo de salida producida cuando construye su sitio
Web. Esto pueden ser HTML simple, escenas dinámicas, HTML con CSS o XHTML con CSS.
Nombre del sitio Nombre del paquete Web. Puede ser usado para nombrar los archivos HTML. Directorio del Sitio
La carpeta donde su sitio Web se construirá.
URL base del sitio
El nombre del dominio donde su sitio Web se publicará. Especifique el URL de Internet de su sitio Web. por ej.: http://www.v-com.com/ Esta información puede ser usada por otras propiedades como: URL base y/o Canal RSS para una generación de código HTML consistente.
Página primaria Esta es una página que se carga automáticamente cada vez que alguien entra en su sitio Web y no especifica el nombre de una página HTML. La mayoría de los sitios Web comienzan con una Portada que presenta el tema y provee vínculos a las otras páginas en el sitio. Cuando usted diseña su documento, recuerde que usted puede definir la primera página del documento como la primera página de su sitio. Diseñe su primera página como una Portada.
Tipo de archivo HTML
La extensión usada por los archivos html que sea crean cuando su sitio se construye.
Carpeta de imagen
El nombre de la carpeta en que serán ubicadas todas las imágenes de su sitio Web. La carpeta se ubicará bajo el Directorio del sitio cuando se construya su sitio.
Carpeta de medios
El nombre de la carpeta en que serán ubicadas todos los medios de su sitio Web. Ejemplos de medios son archivos de video y archivos de audio. La carpeta se ubicará bajo el Directorio del sitio cuando se construya su sitio.
Paleta de colores
La paleta que debe usarse al crear nuevas imágenes desde el diseño.
Tipo de imagen nueva
El tipo de archivo creado cuando Web Easy no puede usar la imagen de origen original. Especifique el formato de archivo de imagen que usted prefiere
260
que Web Easy genere. Ver también
Inspector: Propiedades del documento
Inspector:Propiedades de la página
Inspector: Propiedades de la selección
262
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 Horizontalmente
El alineamiento horizontal del texto. Esto puede ser centrado o justificado a derecha o izquierda.
Alinear Verticalmente
El alineamiento vertical del texto. T Esto puede ser centrado o justificado en la 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 Color
El color con que se llena el objeto. Para las imágenes esto no tendrá ningún 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 página
El color de fondo de la página. Si usted tiene un fondo y también un color de página. , el fondo tomará precedencia.
Borde* El estilo CSS de borde aplicado al objeto. Color de *Borde*
El color del borde aplicado.
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 interior*
La cantidad de margen interior de CSS aplicado al texto. Este valor está en 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
263
Configuraciones de margen interior de texto
Estilos de elemento
Los Estilos de elemento se usan para manipular los estilos CSS aplicados a los objetos. Algunos de los elementos no requieren que usted construya con CSS mientras otros sí lo hacen.
Atributo
Descripción
Tipo El tipo de elemento seleccionado. Tipos incluyen texto decorativo, texto enriquecido, imagen o campo.
Dimensiones El ancho y el alto del elemento seleccionado en pixeles. Tamaño de página
El ancho y el alto de página en pixeles.
Posición La posición X e Y en pixeles del elemento seleccionado en la página. Clase de estilo*
La Clase de estilo aplicada a este elemento.
CSS* personalizado
El CSS personalizado aplicado a este elemento. Por favor tenga cuidado de escribir solamente estilos CSS válidos.
Etiqueta *personalizada
La etiqueta personalizada aplicada a este elemento. Es el nombre de la etiqueta HTML que se usa. Se aconseja usar las etiquetas presentadas para datos importantes en su página porque esto ayudará a los motores de búsqueda a encontrar las palabras clave en su sitio.
*) Usted debe construir o HTML con CSS o XHTML con CSS para que estos estilos sean exportados . Ver también
¿Qué es una clase de estilo?
Estilos de edición de texto enriquecido
Los estilos siguientes se aplican solamente al texto enriquecido. Están disponibles sólo cuando se edita un elemento de texto enriquecido en su documento Web Easy . Esto significa que usted no los verá cuando tenga solamente en elemento de texto enriquecido seleccionado en su página, pero sólo después de que usted haga doble clic para comenzar a editar el texto. Esto es porque se aplican a secciones de texto y no al bloque de texto completo.
Atributo
Descripción
Tipo de selección El tipo de selección: � sin selección cuando el texto no se resalta � rango del texto cuando el texto está seleccionado � rango de control cuando imagen o tabla están seleccionadas.
264
Color de primer plano
El color del texto para el texto actualmente seleccionado.
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 negrita
Atributo de negrita para el texto actualmente seleccionado
Estilo de fuente cursiva
Atributo de cursiva para el texto actualmente seleccionado
Fuente subrayada Atributo de subrayado para el texto actualmente seleccionado. Alineamiento Horizontal
Centrado del bloque actual de texto (no sólo selección).
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
266
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.
268
¿Qué es una clase de estilo?
Una clase de estilo le permite modificar atributos CSS de estilo (basados en la especificación CSS 2.1 ). Mientras hay muchas propiedades CSS, solamente se describen los estilos relevantes para construir una página. Web Easy, sin embargo, le permite agregar cualquier estilo personalizado CSS a su página a través de la función 'CSS personalizado' del editor de clase de estilo. En Web Easy una clase de estilo agrupa juntos múltiples CSS dentro de su propia clase o grupo. Entonces es fácil aplicar esta clase a elementos múltiples dentro de su sitio Web.. Al hacer esto el HTML será conciso y fácil de actualizar. Lectura adicional: Los usuarios avanzados pueden encontrar más información visitando la página principal World Wide Web del consorcio. Allí pueden encontrarse recursos y lectura para expandir sus conocimientos es esta área, como por ejemplo el estándar CSS (2.1). Usted puede averiguar más visitando su página principal CSS en http://www.w3.org/Style/CSS/ Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Clases de estilo global
Clases de estilo de documento
Cómo editar una clase de estilo
Diálogo de clase de estilo
Este diálogo le permite establecer clases de estilo y agregarlas al elemento seleccionado en su página, y hasta en la página misma. Para abrir el diálogo, elija Estilo desde el menú Herramientas. 1. Seleccione el dominio de las clases de estilo a mirar. Este puede ser Todos los estilos, Documento o Estilos globales. Estilos globales son una serie de clases de estilo predefinidos que están disponibles en todas los sitios Web construidos con Web Easy. Estilos de documento son estilos que usted ha agregado al documento actual donde está trabajando. Todos los estilos le mostrará clases de estilo de documentos globales y locales por igual. Si usted tiene estilos establecidos en otro documento usted puede usar el botón importar para seleccionar ese archivo .ALB e importar los estilos. 2. Lista de clases de estilo: Esta lista le permite seleccionar una clase de estilo. Cuando la seleccione, una vista previa del aspecto de la clase de estilo y una descripción a textual de su contenido se mostrarán a la derecha del cuadro de lista.
269
3. Aplicar: Luego de seleccionar una clase de estilo presione el botón Aplicar para aplicar la clase de estilo al objeto seleccionado en su página. 4. Botón Editar: El botón Editar le permite abrir las opciones para crear clases de estilo nuevos y editar claes existentes. Los botones ejecutan las siguientes operaciones;
Botón Descripción Modificar... Le permite modificar los estilos establecidos en la clase de estilo seleccionada
actualmente. Clase nueva... Le permite nombrar y establecer los estilos en una nueva clase de estilo. Agregar vínculos...
Le permite cambiar los estilos cuando los elementos tienen vínculos anexados 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 todo
Le permite eliminar todas las clases de estilo .
Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Clases de estilo de documento
Clases de estilo global
Cómo cambiar el comportamiento de vínculo
Cómo editar una clase de estilo
Clases de estilo global
Las clases de estilo global de Web Easy son clases de estilo que están disponibles para todos los documentos Web Easy. Así, si usted crea un estilo que usted quiere usar en muchos sitios, usted debería crearlo como un estilo global. Hay algunas clases de estilo global predefinidas en Web Easy. Usted no puede editar y agregar una clase de estilo global mientras usted tiene documentos Web Easy abiertos, sin embargo usted puede crear una clase de estilo basada en una clase de estilo global seleccionándola en el diálogo de clase de estilo, luego abriendo la porción editar del diálogo y haciendo clic en Clase nueva. Esto creará un nuevo documento local de clase de estilo con los mismos atributos del estilo global de clase que usted ha seleccionado. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo.
270
Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Cómo agregar una clase de estilo global
Cómo editar una clase de estilo
Clases de estilo de documento
Cómo cambiar el comportamiento de vínculo
Clases de estilo de documento
Clases de estilo de documento en Web Easy son clases de estilo que se ponen a disposición de su documento Web Easy. Una clase de estilo es una serie de atributos de formato que pueden aplicarse a los elementos seleccionados para modificar su apariencia. Por ejemplo, una clase de estilo puede especificar fuente, cara de fuente, color y el borde alrededor del elemento cuadro y todos estos atributos pueden ser agregados o cambiados solamente con un clic Además es más fácil y más rápido cambiar la apariencia de todos los elementos teniendo el formato de clase de estilo, simplemente modificando los atributos de la clase. Estos elementos no necesitan ser seleccionados y pueden ser ubicados en cualquier página del documento.
Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo. Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Cómo importar aplicar una clase de estilo
Cómo agregar una clase de estilo global
Cómo agregar una clase de estilo global
Las clases de estilo global de Web Easy son clases de estilo que están disponibles para todos los documentos Web Easy. Usted no puede editar y agregar una clase de estilo global mientras usted tiene documentos Web Easy abiertos,. Si usted quiere agregar las clases de estilo global,
1. Cierre todos los documentos abiertos seleccionando Cerrar todo desde el menú Ventana .
271
2. Desde el menú Herramientas seleccione Personalizar estilo global . Esto abre el diálogo de clase de estilo para estilos globales. Usted ahora puede editar estos estilos y guardarlos antes de reabrir sus documentos. Después de haber editado los estilos globales ellos estarán disponibles para todos los documentos. Nota estas clases pueden ser usadas por sus documentos anteriores y todos cambiarán una vez que hayas hecho modificaciones a las clases. Sugerencia: Todo cambio que haga a los estilos globales afectará el aspecto de los documentos existente si ellos usan la clase de estilo global. Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
¿Qué es una clase de estilo?
Cómo editar una clase de estilo
Cómo aplicar una clase de estilo
Propiedades de clase de estilo
Clases de estilo de documento
Cómo agregar una nueva clase de estilo
Para agregar una nueva clase de estilo en Web Easy;
1. Seleccione Estilos del menú Herramientas. Usted también puede abrir el diálogo haciendo doble clic en el campo Clase de estilo en el Inspector.
2. Haga clic en Editar >> para exponer los botones de editar clase en el diálogo. 3. Haga clic en el botón Clase nueva... para especificar los estilos y el nombre para el
nuevo estilo de clase. 4. Haga clic en ACEPTAR
Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
Cómo aplicar una clase de estilo
Cómo agregar una clase de estilo global
Clases de estilo de documento
Cómo aplicar una clase de estilo
Para aplicar una clase de estilo a un elemento;
272
1. Seleccione el elemento que donde usted quiere aplicar la clase de estilo. 2. Desde el menú Herramientas seleccione Clase de estilo. . 3. Seleccione las clases de estilo que usted quiere ver eligiendo desde el menú
desplegable, ya sea Estilos globales , Estilos de documento o Todos los estilos . 4. Seleccione la clase de estilo del cuadro de lista de Clases de estilo. 5. Haga clic en ACEPTAR
El elemento donde aplicó la clase de estilo ya debe estar actualizado. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Cómo cambiar el comportamiento del vínculo predeter minado
Tal vez usted quiera reemplazar las propiedades del vínculo predeterminado en su sitio. Esto le permite cambiar estilos como el color de la fuente, o la fuente, cuando usted pasa el ratón sobre ella, o cuando un vínculo ha sido visitado. Esto puede ser hecho con las instrucciones siguientes;
1. Desde el menú Herramientas seleccione Clase de estilo .y abra el diálogo Clase de estilo
2. Seleccione el estilo 'Normal- sin estilo'. Está en la parte superior del cuadro de lista de estilos disponibles.
3. . Haga clic en Editar >> para expandir el lado Editar del diálogo. 4. Haga clic en el botón Agregar vínculos.
Esto creará tres etiquetas CSS de clase de estilo que aparecen como; <A:hover> <A:link> <A:visited> Estos son delimitadores de objeto que definen el comportamiento del vínculo predeterminado para su documento. Todos los elementos de texto con vínculos usarán este estilo a menos que usted cree una clase de estilo con su propio comportamiento de vínculo. Usted puede hacer esto siguiendo los pasos antedichos sin embargo usted necesita crear y designar una clase de estilo para su elemento de texto y seleccionar esa clase de estilo en el cuadro de lista antes de hacer clic en el botón Agregar vínculos. . Usted puede ahora modificar los vínculos seleccionado el vínculo deseado en el cuadro de lista y haciendo clic en el botón Modificar . Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo. En lenguaje CSS una clase como <a:hover> se llama una pseudo-clase.
273
Ver también
Cómo cambiar el comportamiento de vínculo para una clase de estilo
Propiedades de clase de estilo
El diálogo de las propiedades de clase de estilo le permite establecer los estilos CSS para la clase de estilo que está siendo creada. También le permite agregar cualquier CSS personalizado que usted desee a la clase. Una clase de estilo es un grupo de estilos CSS, que pueden ser aplicados a uno o más elementos en su diseño de sitio Web. Le permite actualizar fácilmente su sitio, y cambiar su estilo. Usted puede establecer los siguientes estilos a través de este diálogo
Atributo Descripción Color de primer plano
El color de primer plano del elemento. Ejemplo
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 personalizado
Cualquier CSS personalizado a aplicarse a otros estilos en su clase Sólo serán visibles en el navegador de Web.
Etiquetas HTML preferidas
La etiqueta HTML que usted quisiera aplicar a su clase, si la hay.
274
Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. No todos los atributos pueden ser compatibles cuando una clase de estilo se aplica al elemento en la página de diseño. Ver también
¿Cómo se representan los colore en los sitios Web?
Cómo editar una clase de estilo
Al editar una clase de estilo existente se actualizaran los estilos de todos los objetos a los que se aplicado esa clase de estilo. Es importante comprender que aunque un elemento tenga una clase de estilo aplicada, también puede tener estilos locales definidos que reemplazan aquellos incluidos en la clase de estilo. Para verificar esto usted debe abrir el Inspector objeto y verificar todas las entradas de estilo para ese objeto. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
Cómo agregar una nueva clase de estilo
Cómo aplicar una clase de estilo
Clases de estilo de documento
Cómo importar aplicar una clase de estilo
Cómo cambiar el comportamiento de vínculo
¿Cómo mejoran mi código exportado las clases de est ilo?
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:
275
Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Cómo importar clases de estilo desde documentos Web Easy
Usted puede haber creado clases de estilo en otro documento .alb Web Easy. Si a usted le gustaría importar estas clases de estilo para usar en otro archivo de documento. Web Easy .alb; 1. Desde el menú Herramientas seleccione Clase de estilo y abra el diálogo. 2. Haga clic en Editar >> para expandir el lado editar del diálogo. 3. Haga clic en el botón Importar todo . 4. Seleccione el archivo .alb desde donde desea importar clases de estilo. Sugerencia Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con h CSS al usar la funcionalidad de clase de estilo. Ver también
¿Qué es una clase de estilo?
Cómo agregar una clase de estilo global
Cómo aplicar una clase de estilo
¿Por qué mi elemento vinculado con una clase de est ilo aparece diferente en mi navegador de Web ?
Es posible que el texto en su documento Web Easy aparezca diferente al texto exportado dentro de las siguientes circunstancias.
� Si usted aplica una clase de estilo al elemento de texto, estos estilos se aplicarán y se mostrarán dentro de Web Easy. Sin embargo, si usted agrega luego un vínculo al texto, los colores predeterminados para texto vinculado, ya sea visitado, hover (ratón posado encima) o vinculado serán mostrados.
� Si usted reemplaza el vínculo predeterminado de clase de estilo, los estilos como fuente y tamaño de fuente así como cualquier otro estilo reemplazado pueden tomar precedencia.
Sugerencia Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
277
Cómo agregar un borde de estilo CSS
Usted puede agregar un borde de estilo los elementos en su página usando el diálogo Configuraciones de borde . Este diálogo le permite agregar un borde de estilo CSS y seleccionar un color para el borde. Para elementos de texto también le permite agregar margen interior de estilo CSS a su texto. Para agregar un borde de estilo al elemento en su página;
1. Si el Asistente de Inspector no está abierto, seleccione Asistente de Inspector dele menú Ver.
2. Seleccione el elemento a que quiere agregar el borde. 3. En el Asistente de Inspector, haga clic en la ficha Estilos . 4. Expanda la categoría Dibujo si no está expandida. 5. Haga clic doble clic en la entrada Borde en el inspector para abrir el diálogo
Configuraciones de borde . 6. Cambie el estilo de borde , el ancho de línea y el color para cumplir con sus
requerimientos de borde. Si usted está agregando un borde a un elemento de texto usted también puede agregar un valor de margen interior.
7. Haga clic en ACEPTAR El borde se aplicará ahora al elemento seleccionado. Nota de compatibilidad: Internet Explorer 5.5 y anterior muestran bordes incorrectamente y el tamaño de los elementos con bordes pueden ser diferentes al ser vistos en estos navegadores. Sugerencias
� Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted no vea exactamente los mismos colores o efectos en distintos navegadores.
� Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Ver también
Estilos de bordes CSS
Color de borde
Usted puede cambiar el color de borde a agregar a un elemento en su página usando el diálogo de Configuraciones de borde ;
1. Abra el diálogo de Configuraciones de borde . (Ver Agregar un estilo de borde CSS para más información)
2. Haga clic en la ficha Color . 3. Seleccione el nuevo color para el borde. 4. Haga clic en ACEPTAR
Sugerencias
� Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted no vea exactamente los mismos colores o efectos en distintos navegadores.
278
� Usted también puede cambiar el color sin usar este diálogo usando el selector de color desplegable. Para esto, haga clic en el estilo de color de borde en el Inspector.
� Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Ver también
Cómo agregar un borde de estilo CSS
¿Cómo se representan los colore en los sitios Web?
Estilos de borde
Estilos de borde
Los bordes permitidos en Web Easy son los que son compatibles con CSS 2.1. Hay un número de estilos de borde, a saber;
Nombre Descripción Predeterminado Predeterminado dibuja un borde como lo predeterminado para esa clase de
elemento. Para controles como cuadros de edición estas se dibujarán para que se parezcan a un control de Windows . Para imágenes no habrá borde.
Nada No si dibuja un borde para el elemento. Sólido Se dibuja un rectángulo sólido. Alto relieve Da la apariencia de un elemento que sale de la página. Bajo relieve Da la apariencia de un elemento que se hunde en la página.
Resaltado Un borde hacia afuera más estilizado. Surco Un borde hundido más estilizado. Doble Una línea sólida doble.
Punteada Una línea punteada.
Discontinua Una línea discontinua. Sugerencias
� Cada navegador de Internet convierte los bordes de distinta forma. Puede que usted no vea exactamente los mismos colores o efectos en distintos navegadores.
� Las siguientes imágenes muestran cómo los bordes se muestran en Web Easy, Firefox e Internet Explorer. Cada uno de éstos son los estilos de bordes que se muestran arriba con un borde de 9 pixeles de color rojo puro.
279
Ejemplo 1: Tipos de borde procesados por Web Easy.
Ejemplo 2: Tipos de borde procesados por FireFox 1.0.
280
Ejemplo 3: Tipos de borde procesados por Internet Explorer 6.0. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Configuraciones de margen interior de texto
Usted puede agregar margen interior a los elementos de texto en su página usando el diálogo de Configuraciones margen interior y de bordes. El margen interior moverá el texto lejos del borde del cuadro de texto. En la ficha de margen interior del diálogo de Configuraciones margen interior y de borde usted puede usar la lista desplegable o escribir la cantidad de margen interior que usted requiere. Este valor debe ser escrito en pixeles. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo. Las configuraciones de margen interior de texto le permiten establecer márgenes interiores para todos los lados del cuadro de texto. Si usted desea establecer valores de margen interior para lados individuales de un cuadro de texto usted deberá escribir su propio CSS personalizado.
¿Por qué no puedo ver el borde que he agregado a mi imagen?
Hay varias razones por las que su borde puede no verse. La razón más común es que usted haya rotado la imagen. Cuando una imagen es rotada usted puede agregar un borde a la
281
imagen pero no será visible. esto es porque el efecto no es compatible con los navegadores de Web. Una vez que usted rota la imagen de vuelta a su valor de 0, 90, 180 o 270 usted podrá ver el borde en Web Easy y en los navegadores de internet. Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo Otra razón puede ser que usted agrega funcionalidad CSS a su sitio y luego construye como HTML.Simple o Dinámico. Si usted agrega bordes a los elementos, usted debería exportar su página con estilo de construcción CSS. Ver también
Cómo agregar un borde de estilo CSS r
Estilos de borde
Cómo construir un sitio con un estilo CSS
¿Por qué los bordes de mi campo se ven diferentes en mis navegadores de Web?
Algunos navegadores de Web son compatibles con la configuración de bordes en algunos campos y no en otros. Por ejemplo un cuadro combinado puede tener un borde en algunos navegadores pero no en otros. La medida del cuadro combinado puede ser también diferente en cada navegador. Usted no puede hacer nada con respecto a esto excepto probar su sitio en el navegador más común para asegurarse de que todo aparece aceptable. Si usted tiene un borde predeterminado para un campo , cada navegador de Web procesará un borde en la forma en que piensan que debe aparecer. Cada navegador es diferente. Usted notará esto en todos los sitios Web que tienen campos, especialmente con botones estándar. Ver también
Estilos de bordes
283
Acerca de construir
Construir un documento es el proceso de convertir lo en un sitio Web. Mientras todavía está en la forma de un documento, usted no puede publicarlo en la Web. Construir un documento lo convierte en archivos HTML y CSS y crea un archivo de paquete de sitio Web ( extensión .txt ) para determinar qué archivos transferir al servidor remoto. Hay tres etapas que avanzar en el trabajo:
1. Diseñar un documento. 2. Construirlo en un sitio Web. 3. Publicarlo en la Web.
Nota: los paquetes HTML están guardados en forma predeterminada en la carpeta separada con el mismo nombre que el paquete. Yo quiero:
Construir un sitio Web
Construir un sitio Web dinámico
¿Debería construir como simple, dinámico o CSS ?
Esta decisión depende de las características que usted quiere incluir en su sitio Web. Algunas de ellas sólo funcionarán en un sitio Web dinámico (DHTML) mientras otras solamente funcionarán en un sitio construido con CSS. Verifique la tabla debajo para ver cómo debería construir su sitio Web.
292
Cómo construir un sitio Web
Después de haber diseñado su documento, el paso siguiente es dejar que Web Easy construya archivos HTML desde su documento y que lo convierta en un sitio Web. El sitio Web puede entonces ser publicado en la World Wide Web. Para construir un documento en un sitio Web :
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Construir para mostrar la barra de tareas de Construir.
3. Haga clic en Sitio Web . Se muestra el diálogo Construir como un sitio Web (HTML) de Internet
4. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web. (.txt extension). El paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en
para localizar una nueva carpeta si lo desea.
Nota: Si la carpeta que usted ha seleccionado ya contiene imágenes u objetos, se le alertará (sólo una vez) con un mensaje de advertencia que le pregunta si usted quiere eliminarlos o no. Estas imágenes u objetos pueden ser usados en otras páginas Web que ya ha construido. Si no está seguro si ellos están siendo usados en otra parte, o si sabe que todavía los requiere, responda "NO" a la opción de eliminación. Responda "SI" a la opción de eliminación solamente SI ESTA SEGURO de que usted no necesita estas imágenes u objetos, y usted desea quitar los archivos innecesarios de su imagen de sitio Web local..
1. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si lo desea. El nombre predeterminado se genera automáticamente desde el nombre de archivo de su documento.
2. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
3. Seleccione el Rango de salida : � Página actual para crear un sitio Web que sólo comprenda esta página, o � Todas las páginas para crear un sitio Web que comprenda todas las páginas en su
documento. 4. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los
vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par mostrar el cuadro de diálogo de Color. Usted también puede crear colores personalizados para sus vínculos.
5. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio Web.
6. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de publicación justo después de haber construido los archivos HTML . Esto le permite enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
7. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web. 8. Haga clic en Aceptar.
Notas: Los archivos de sitio Web producidos pueden verse con un navegador Web de Internet que
293
sea compatible con definición de tabla completas, ej.: HTML v2.0 o posterior. Un archivo HTML separado se crea para cada página de su sitio Web. Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service Provider :ISP) para obtener la información requerida de hospedaje de sitio antes de usar el Asistente de publicación. Ver también
¿Qué estilo de sitio debo construir?
Cómo construir un sitio usando CSS
Cómo construir un sitio Web dinámico
Opciones avanzadas de construcción HTML
Cómo crear un HTML de origen para eBay
Transparencia de imagen
Cómo elegir colores de vínculo
Cómo diseñar para usuarios de Mac
Transparencia de imagen
Si su documento incluye imágenes con un área transparente (por ejemplo, si usted aplicó un esténcil a una imagen), usted puede especificar cómo imágenes transparentes en el diálogo Construir. Usted puede elegir tres formatos de imagen : GIF, JPG o PNG.
� Guardar imágenes como GIF es la forma más fácil de producir una imagen con un área transparente. Sin embargo las imágenes GIF son imágenes de 8-bits como máximo. Si usted quiere usar transparencia n programa de en una imagen con una profundidad de color mayor, debe usar un programa de edición de imagen para reducir la profundidad de color , luego guardar la imagen como GIF. De esa forma, no habrá resultados inesperados cuando se publiquen los archivos.
� AL guardar un JPG se guarda el área transparente en el color transparente actual. . Sin embargo el área ´transparente´ no cambiará si el fondo del sitio Web cambia.
� PNG usa transparencia alpha . Esto no es totalmente compatible con Microsoft Internet Explorer v4 o Netscape Navigator v4. Netscape no es compatible con transparencia en imágenes PNG e Internet Explorer muestra imágenes PNG con 256 colores solamente.
Recomendamos usar el formato GIF para Transparencia y.
Cómo se guardan las páginas HTML
Al guardar páginas HTML, Web Easy busca la mejor manera de guardar los elementos en la página. Cuando los elementos están separados y los efectos no han sido aplicados, entonces estos elementos se guardarán como archivos separados - imágenes que se guardan como JPG GIF, y el texto se guardará como texto ASCII. Las páginas con elementos separados y sin cambios requieren la menor cantidad de espacio. Si los elementos se superponen, o si los efectos se aplican a un elemento, Web Easy debe o guardar estos elementos en superposición como una sola imagen dentro de un largo rectángulo o dividir los elementos en secciones. El formato final está determinado por la sección más grande.
294
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)
296
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 DHTM L:
1. Diseñe su documento..
2. Haga clic en para mostrar la barra de tareas de Portada .
3. Haga clic en Construir para mostrar la barra de tareas de Construir.
4. Haga clic en Sitio Web . Se muestra el diálogo Construir sitio Web 5. Si ´Construir como HTML dinámico´ no está seleccionado, despliegue el tipo de
construcción y selecciónelo. 6. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web.El
paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para localizar una nueva carpeta si lo desea.
7. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si lo desea. El nombre predeterminado se genera automáticamente desde el nombre de archivo de su documento.
8. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
9. Seleccione el Rango de salida : Página actual para crear un sitio Web que sólo comprenda esta página, o Todas las páginas para crear un sitio Web que comprenda todas las páginas en su documento.
10. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par mostrar el cuadro de diálogo de Color. Usted también puede crear colores personalizados para sus vínculos.
11. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio Web.
12. ¿Cómo? 13. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de
publicación justo después de haber construido los archivos HTML . Esto le permite enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
14. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web en su navegador de Web. 15. Haga clic en Aceptar.
Nota: Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service Provider :ISP) para obtener la información requerida de hospedaje de sitio antes de usar el Asistente de publicación.
297
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
299
Opciones avanzadas para construcción de escenas din ámicas
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede establecer opciones HTML en sus páginas Web para personalizarlas, agregar elementos de ayuda para navegación automática para asegurar que son fácilmente encontradas por los motores de búsqueda de Internet. Establezca opciones avanzadas para sus páginas Web haciendo clic en el botón Avanzado dentro del diálogo Construir como DHTML. Las opciones Avanzadas de diálogo aparecen. Autor
Inserte algunos datos sobre usted (el autor). Esto se ubica como una meta etiqueta en el archivo D HTML. No se muestra en la página publicada, pero puede verse al mirar el código para el archivo generado de HTML. Palabras clave para motores de búsqueda de Internet
Inserte palabras clave para describir su sitio, su producto o el contenido para que los motores de búsqueda puedan encontrar su sitio. Separe cada entrada con una coma. Mantenga las entradas breves, ya que cuando más larga sea la entrada de la búsqueda, es más improbable que ésta coincida. Las palabras clave se ubican como metaetiquetas en su archivo HTML. Descripción para motor de búsqueda de Internet
Agregue una etiqueta descripción de página que pueda ser ubicada como referencia por un motor de búsqueda. mantenga el texto corto y relevante al contenido de su página.
Estilo de sitio Web � La opción Estándar muestra el sitio Web en la parte superior izquierda del navegador
de Web del visitante. � Centrada en pantalla completa - (estilo kiosko) ubica el sitio Web en el centro del
navegador de Web del visitante. Use este estilo para una presentación o muestra de diapositivas.
� Centrada - navegada por números publica el sitio Web en el centro y crea números de navegación de página, a la derecha de cada página. Los visitantes pueden moverse entre las páginas haciendo clic en los números de página.
� Centro - navegada por íconos publica el sitio Web en el centro y crea iconos de navegación de página, representando cada página. Los visitantes pueden moverse entre las páginas haciendo clic en iconos de página, a la derecha de cada página.
� Nota: Los números de navegación y los iconos no se recomiendan para los sitios Web porque a veces ellos entran en conflicto con los navegadores de Web. Se recomiendan para presentaciones o muestras de diapositivas.
� Dividido con la última página como marco automáticamente crea un marco y pone la última página de su diseño en una celda. Use este estilo cuando quiera usar la última página como una barra de navegación con vínculos a todas las otras páginas del sitio Web..
Paleta de 256 colores
Seleccione una paleta para usarla para las páginas Web. Esto determina la paleta de color usada para mostrar imágenes GIF de 256 colores. Definición de página primaria
Elija un nombre para la página primaria del sitio Web. Mostrar barras de deslizamiento
300
Si usted ha elegido uno de los estilos centrados o el estilo dividido en el diálogo de Estilo de Sitio Web, usted puede facilitar a las barras de deslizamiento para que añadan los controles de deslizamiento horizontales y verticales estándar al de Windows a su nueva página Web . (Las barras de deslizamiento no están disponibles en el modo estándar). Haga clic en la casilla de verificación una vez. Una señal negra sólida indica que las barras de deslizamiento siempre serán agregadas a su ventana de página Web. Haga clic otra vez. Una señal gris indica que las barras de deslizamiento siempre serán agregadas a su ventana de página Web si la medida y el contenido lo requieren. (Modo Auto. Haga clic otra vez. Ausencia de señal indica que las barras de deslizamiento no serán agregadas a su ventana de página Web
Cómo construir una presentación
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Si usted está construyendo una presentación para la pantalla, más que un sitio Web, seleccione Centrada en pantalla completa - (estilo kiosko) en el diálogo de opciones avanzadas de construcción.
302
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 C SS:
1. Diseñe su documento..
2. Haga clic en para mostrar la barra de tareas de Portada .
3. Haga clic en Construir para mostrar la barra de tareas de Construir.
4. Haga clic en Sitio Web . Se muestra el diálogo Construir sitio Web 5. Seleccione o ´Construir como HTML con CSS´ o ´Construir como XHTML con CSS´,
desde las opciones del diálogo Construir. 6. Seleccione una carpeta de destino donde almacenar su paquete de sitio Web.El
paquete incluye los archivos HTML, archivos gráficos, etc. Haga clic en para localizar una nueva carpeta si lo desea.
7. En el campo de ‘Nombre de paquete’, cambie el nombre de su paquete de sitio Web si lo desea. El nombre predeterminado se genera automáticamente desde el nombre de archivo de su documento.
8. La configuración ‘Transparencia’ puede ser ignorada por lo general. En la gran mayoría de las situaciones, Web Easy automáticamente optimiza sus imágenes para usar en Internet, tomando en cuenta atributos como el tamaño del archivo de la imagen, la transparencia, el número de colores, y el tipo (arte linear o foto). El arte linear se convierte en imágenes GIF, y las fotos se convierten en archivos JPEG .
9. Seleccione el Rango de salida : Página actual para crear un sitio Web que sólo comprenda esta página, o Todas las páginas para crear un sitio Web que comprenda todas las páginas en su documento.
10. Elija colores para sus vínculos de hipertexto. Para establecer o cambiar el color de los vínculos estándar, visitados y activos, haga clic en el bloque de color apropiado par mostrar el cuadro de diálogo de Color. Usted también puede crear colores personalizados para sus vínculos.
11. Haga clic en el botón Avanzado para mostrar más opciones para personalizar su sitio Web.
12. ¿Cómo? 13. Haga clic en la checkbox ´Publicar en Internet’ para ejecutar el Asistente de
publicación justo después de haber construido los archivos HTML y CSS . Esto le permite enviar todos los archivos requeridos a su Proveedor de servicios de Internet.
14. Haga clic en ‘Ejecutar ahora’ para mostrar el sitio Web con CSS en su navegador de Web.
15. Haga clic en Aceptar. Nota:
303
Usted necesitará consultar con su Proveedor de servicios de Internet.( Internet Service Provider :ISP) para obtener la información requerida de hospedaje de sitio antes de usar el Asistente de publicación.
Opciones avanzadas de construcción
¿Qué estilo de sitio debo construir?
Cómo construir un sitio Web dinámico
Cómo construir un sitio Web HTML simple HTML
¿Cuál es la diferencia entre XHTML y HTML?
El lenguaje de formato de hipertexto extensible (Extensible HyperText Markup Language: XHTML) es similar a HTML 4.0, pero con el fin de reemplazarlo eventualmente.. XHTML es más estricto que HTML. Solamente el código correcto se desplegará para XHTML, mientras que HTML con una forma deficiente (ej.:.etiquetas finales faltantes, sintaxis errónea, etc.) puede aun mostrarse en los navegadores de Web.. El problema es que cada navegador de Web puede mostrar los resultados del HTML deforme en forma levemente diferente. Las diferencias clave son;
� los elementos XHTML deben estar correctamente anidados � los documentos XHTML deben estar bien formados � las etiquetas de nombres XHTML deben estar en minúsculas � todos los elementos XHTML deben estar cerrados � muchas etiquetas y atributos HTML han sido quitados
Para mayor información, visite el World Wide Web Consortium para más datos sobre los estándares HTML y XHTM .
305
Opciones avanzadas para construcción de sitios CSS
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede establecer opciones HTML en sus páginas Web para personalizarlas, agregar elementos de ayuda para navegación automática para asegurar que son fácilmente encontradas por los motores de búsqueda de Internet. Establezca opciones avanzadas para sus páginas Web haciendo clic en el botón Avanzado dentro del diálogo Construir. El diálogo para las Opciones avanzadas de construcción aparece.. Autor
Inserte algunos datos sobre usted (el autor). Esto se ubica como una meta etiqueta en el archivo HTML. No se muestra en la página publicada, pero puede verse al mirar el código para el archivo generado de HTML. Palabras clave para motores de búsqueda de Internet
Inserte palabras clave para describir su sitio, su producto o el contenido para que los motores de búsqueda puedan encontrar su sitio. Separe cada entrada con una coma. Mantenga las entradas breves, ya que cuando más larga sea la entrada de la búsqueda, es más improbable que ésta coincida. Las palabras clave se ubican como meta-etiquetas en su archivo HTML. Descripción para motor de búsqueda de Internet
Agregue una etiqueta descripción de página que pueda ser ubicada como referencia por un motor de búsqueda. mantenga el texto corto y relevante al contenido de su página.
Diseño de sitio Web � La opción Estándar muestra el sitio Web en la parte superior izquierda del navegador
de Web del visitante. � Centrada en pantalla completa - (estilo kiosko) ubica el sitio Web en el centro del
navegador de Web del visitante. � Y puede haber otros, dependiendo de las Opciones de Construcción.
Paleta de 256 colores
Seleccione una paleta para usarla para las páginas Web. Esto determina la paleta de color usada para mostrar imágenes GIF de 256 colores. Definición de página primaria
Elija un nombre para la Página primaria del sitio Web. Mostrar barras de deslizamiento
Si usted ha elegido uno de los estilos centrados o el estilo dividido en el diálogo de Estilo de Sitio Web, usted puede facilitar a las barras de deslizamiento para que añadan los controles de deslizamiento horizontales y verticales estándar al de Windows a su nueva página Web . (Las barras de deslizamiento no están disponibles en el modo estándar). Haga clic en la casilla de verificación una vez. Una señal negra sólida indica que las barras de deslizamiento siempre serán agregadas a su ventana de página Web. Haga clic otra vez. Una señal gris indica que las barras de deslizamiento siempre serán agregadas a su ventana de página Web si la medida y el contenido lo requieren. (Modo Auto) Haga clic otra vez. Ausencia de señal indica que las barras de deslizamiento no serán agregadas a su ventana de página Web
306
Cómo coleccionar sus imágenes de sitio Web en una s ub- carpeta cuando usted construye
De forma predeterminada, cuando usted construye sus sitio Web, Web Easy ubicará todas las imágenes necesarias para su sitio en la misma carpeta donde están los archivos del código de origen. Puede que usted prefiera tener sus imágenes ubicadas en una sub-carpeta debajo del código de origen. Para hacer esto; 1. Abra el Inspector.
¿Cómo? 2. En el Inspector, haga clic en el icono superior derecho y seleccione Documento . 3. Bajo la categoría Construir sitios Web , busque la entrada Carpeta de imagen. 4.Haga doble clic en Carpeta de imagen para editar la ubicación. 5. Escriba el nombre de la carpeta donde usted quiere ubicar sus imágenes durante el proceso de construcción. Sugerencia: Esta es una gran forma de mantener sus archivos organizados y fáciles de encontrar. Ver también
Propiedades para construir sitios Web.
Cómo coleccionar medios vinculados y documentos en una sub- carpeta cuando usted construye
De forma predeterminada, cuando usted construye sus sitio Web, Web Easy ubicará todos los elementos vinculados (.doc, mp3, pdf...) necesarios para su sitio en la misma carpeta donde están los archivos del código de origen. Puede que usted prefiera tener sus imágenes ubicadas en una sub-carpeta debajo del código de origen. Para hacer esto; 1. Abra el Inspector.
¿Cómo? 2. En el Inspector, haga clic en el icono superior derecho y seleccione Documento . 3. Bajo la categoría Construir sitios Web , busque la entrada Carpeta de medios. 4.Haga doble clic en Carpeta de medios para editar la ubicación. 5. Escriba el nombre de la carpeta donde usted quiere ubicar sus imágenes durante el proceso de construcción. Sugerencia: Esta es una gran forma de mantener sus archivos organizados y fáciles de encontrar. Ver también
307
Propiedades para construir sitios Web.
By default, when you build your web site Web Easy will place all the linked items such as media and documents (.doc, .mp3, .pdf...) needed for your site in the same folder as the source code files. You may prefer to have these files placed into a subfolder below the source code for your web site. To do this; 1. Open the Inspector .
How 2. In the Inspector, Click the top right hand icon and select Document . 3. Under the Web Site Build category, find the Media Folder entry. 4. Double Click in the Media Folder to edit the location. 5. Enter in the name of the folder you want your media and document files to be placed during the build process. Tip: This is a great way to keep your build files organized and easy to find. See also
Web Site Build Properties
¿Qué archivos se crean cuando yo construyo mi sitio ?
Los archivos que se crean cuando usted construye su sitio dependen del tipo de sitio que usted ha especificado en las opciones de construcción. Hay cuatro clases de sitios que usted puede construir. Sitios que se construyen como HTML Simple o HTML Dinámico producirán solamente archivos de origen HTML. Usted también tiene imágenes y todo lo otro vinculado al sitio en la carpeta que ha construido. Sitios construidos como HTML con CSS o XHTML con CSS tendrán archivos HTML creados, junto con archivos de origen CSS y archivos de origen JS.
Tipos de archivo Descripción HTML (*.htm, *.html) El código HTML para su sitio. CSS (*.css) El código CSS para su sitio. Cada página tendrá un archivo .css
dedicado a esa página dedicada a esa página del sitio. Se nombrará usando la convención <nombre_página>_p.css' como
308
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, *.gif, *.png)
Imágenes compatibles con la presentación del sitio Web se 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.
310
Antes de publicar
Antes de publicar su sitio Web, usted debe verificar lo que siguiente: � ¿Ha terminado de diseñar el documento?
Aunque haya creado su documento desde una plantilla ya preparada con el Asistente de sitio Web, usted puede usar las herramientas de editar para agregar sus toques finales al diseño.
Más acerca de diseñar y editar un documento � ¿Ha construido el documento en un sitio Web ?
Después de terminar de diseñar un documento, usted necesita publicarlo - convertirlo en un formato que pueda ser publicado en la Web.
Más acerca de construir. � ¿Ha visto el sitio en su navegador de Web?
Después de que el sitio Web ha sido construido, usted puede ver su aspecto en su navegador de Web. Usted puede verificar que el formato es correcto y que los vínculos funcionan, antes de publicar.
� ¿Ha contactado a su ISP para la información que necesita para publicar sus sitio? Antes de que pueda publicar un sitio Web, necesita pedir a su ISP por sus detalles de conexión - su dirección de sitio WWW , el nombre de Host o su dirección IP, su página primaria y otros datos.
Más acerca de información esencial de ISP
El Asistente de publicación
La publicación de un sitio Web involucra la transferencia de una copia de todos los archivos de sitio Web requeridos, desde su ordenador local a un host remoto conectado con Internet. El asistente de publicación de Web Easy le guiará a través del proceso. El Asistente de publicación de Web Easy usa la información en su archivo de paquete de sitio Web para determinar qué archivos transferir al servidor remoto. Cuando usted construyó su sitio Web, un archivo de paquete (extensión .txt ) fue creado, junto con los otros archivos requeridos para publicar su sitio Web remoto. Ver también
Cómo usar el Asistente de publicación
Cómo cambiar su Asistente de publicación
Cómo publicar su primer sitio Web
La forma más fácil de publicar su sitio Web es usando el Asistente de publicación. Paso 1 - Antes de publicar
1. Diseñe su documento 2. Construya el documento en un sitio Web.. 3. Asegúrese de haberse puesto en contacto con su ISP y de haber recibido de ellos los
detalles para su conexión 4. Conéctese a Internet.
Paso 2 - Abra el Asistente de publicación
1. Haga clic en para mostrar la barra de tareas de Portada .
2. Haga clic en Publicar para iniciar el Asistente de publicación. 3. Alternativamente, si usted verifica Publicar en Internet , en el cuadro de diálogo de
Construir un sitio Web de Internet , el Asistente de publicación comienza
311
automáticamente, luego de completar la construcción. 4. Haga clic en Siguiente . El Asistente de publicación muestra la pantalla Conectar.
Haga clic en Conectar para mostrar el diálogo Conectar. Paso 3 - Conecte con su host remoto
1. Puede elegir dos métodos para conectar: � Elija un perfil de conexión, o � Escriba sus detalles de conexión. 2. Si usted está publicando una Portada, o Página principal, asegúrese de escribir el
nombre correcto de Página primaria para el sitio. Asegúrese de escribir correctamente la ruta de acceso inicial local , para que el Asistente de publicación pueda encontrar fácilmente su paquete Web.
3. Haga clic en Aceptar . Se establece la conexión y la pantalla Conectar vuelve a mostrarse. Esto puede llevar unos momentos.
Paso 4 - Seleccione el paquete a publicarse 1. Una vez que se ha conectado, se muestra la pantalla Seleccionar. 2. Seleccione un paquete Web Easy para transferir. Si su paquete no aparece en el
cuadro de lista de paquetes de sitio Web, haga clic en para explorar en su ordenador, ubicarlo y haga clic en Abrir para mostrarlo en el cuadro de lista.
3. Después de seleccionar el paquete, usted verá, en el lado derecho de la pantalla Seleccionar, una vista previa de los archivos incluídos en él
Paso 5 - Verifique las configuraciones de la transf erencia 1. Hacer clic en Siguiente para mostrar la pantalla de Transferencia de configuraciones. 2. Verifique las configuraciones, y cámbielas si es necesario. 3. Si usted está publicando una Portada, verifique que la checkbox "Hacer de este
paquete el sitio Web predeterminado" esté marcada.. Esto convertirá su primera página en la página primaria del sitio Web, la que se abre en forma predeterminada cuando cualquiera entra a su sitio.
4. Nota: Esto sólo funcionará si usted especificó el nombre de la página primaria en el diálogo Conectar, cuando usted se conectó. Paso 6 - Transfiera el paquete al host remoto
1. Haga clic en Siguiente para comenzar la transferencia. Si usted deja que Web Easy administre su sitio Web y en el sitio remoto se encuentran archivos que no se requieren para el paquete actual, usted verá la pantalla Limpiar el sitio seleccionado.
2. Cuando la transferencia se ha completado, se muestra la pantalla Felicitaciones . 3. Usted puede elegir mostrar "Publicar Informe" haciendo clic en la checkbox Ver
informe de publicación ahora . Para ver su sitio Web, haga clic en la checkbox Ver sitio ahora y rellene la información. Cuando usted haga clic en Terminar , el Asistente de publicación se cerrará y el sitio Web se abrirá en su explorador de Web.
4. Haga clic en Terminar . Paso 7 - Vea su sitio Web remoto
1. Si usted ha elegido ver el "Informe de publicación" o el sitio Web, de ambas formas éste aparece en su explorador de Web.
2. Si usted ha elegido ver ambos, el informe será visible por unos seis segundos y luego se mostrará el sitio Web. Para ver el informe otra vez, haga clic en la flecha atrás en su explorador de Web.
Nota: Para ver el sitio Web, usted debe estar conectado a Internet, y tener correctamente escrita la dirección de sitio World Wide Web de su sitio Web remoto en la ficha de sitio WWW en el cuadro de diálogo de Perfil de conexión .
312
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.
314
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 .
316
Cómo conectar con su host remoto
Cuando usted hace clic en el botón Conectar del Asistente de publicación, aparece el diálogo Conectar . Para poder conectarse, usted debe rellenar correctamente los campos en el diálogo Conectar . Su proveedor ISP le proveerá con la información que usted necesite. Si no está seguro de tener la información correcta, contacte a su ISP. Si usted ha creado un perfil de conexión, seleccione su perfil y todos los detalles de conexión se rellenarán para usted. Perfiles para muchos ISPs populares están disponibles desde el sitio Web de VCOM. Haga clic en el icono de Internet en la parte superior derecha del diálogo Conectar para la descarga automática del perfil de conexión.
Para conectar:
1. Haga clic en la ficha de Acceso remoto del diálogo Conectar. � Escriba el nombre de su host o la dirección IP. � Escriba el nombre de su identidad de usuario. � Escriba su contraseña. 2. Haga clic en la ficha General del diálogo Conectar. � Escriba la ruta de acceso de su carpeta inicial remota. � Escriba la ruta de acceso de su carpeta local inicial. � Escriba el Puerto IP. 3. Haga clic en la ficha de sitio WWW del diálogo Conectar. � Escriba su dirección de sitio WWW. � Escriba el nombre de su página primaria.
4. Haga clic en la ficha Firewall si usted forma parte de una red de seguridad que usa un servidor de seguridad. Escriba sus configuraciones de firewall.
5. Haga clic en Aceptar para conectar a su host remoto. Nota: Usted debe establecer una conexión de Internet antes de que pueda conectarse al host remoto. Ver también
Cómo usar un perfil de conexión
Cómo usar un perfil de conexión
Un perfil de conexión es un conjunto de detalles de conexión guardados. El crear un perfil le permite guardar los detalles de conexión para volver a usarlos. Al usar un perfil, usted elimina la necesidad de configurar las configuraciones cada vez que desee conectarse al host remoto. Usted puede crear una cantidad de perfiles distintos. Los perfiles no necesitan ser completamente diferentes; usted puede cambiar solamente una opción (por ejemplo la carpeta remota inicial) y guardar el perfil como uno nuevo. Ver también
Cómo seleccionar el perfil de conexión
Cómo crear un nuevo perfil de conexión
Cómo conectar a su host remoto
317
Cómo crear un perfil de conexión nuevo
Cuando usted escribe un nombre nuevo en el campo perfil del diálogo Conectar , usted crea un perfil nuevo que puede volver a usarse. Para crear un perfil nuevo:
1. En el cuadro de diálogo Conectar , escriba un nombre nuevo en el campo perfil . Usted puede darle el nombre que usted desee, pero se recomienda que elija algo que le ayude a identificar la conexión.
2. Escriba los detalles de conexión en diferentes fichas. 3. Haga clic en Aceptar ; el perfil esté guardado.
Nota: El perfil no se guardará si el campo Perfil está en blanco o contiene la inscripción ‘ninguno’. Estas configuraciones son específicas del perfil. Si usted crea un perfil nuevo, las configuraciones para el último perfil usado serán escritas automáticamente.
Cómo seleccionar un perfil para conexión
Cuando usted selecciona un perfil existente, usted puede conectarse con las configuraciones que fueron establecidas previamente. Para seleccionar un perfil existente:
1. En el cuadro de diálogo Conectar , haga clic en la flecha abajo en el campo perfil . 2. Elija un perfil de la lista desplegada; los detalles de conexión para ese perfil se
muestran en los campos. 3. Haga clic en Aceptar ; usted está conectado a su host remoto usando el perfil
seleccionado.
Errores de conexión
Esta sección describe algunos errores de conexión posibles y qué hacer con ellos. 1. No se puede conectar al host Razón O el nombre de su host es incorrecto o el puerto que especificó no es válido para su host. Solución Verifique su conexión de Internet, y si ha escrito correctamente el nombre del host. (El nombre del host distingue entre mayúsculas y minúsculas.) Verifique que su configuración de puerto es 21 o predeterminada. (Si su ISP le indicó que use una configuración de puerto distinta, entonces escriba este valor.) 2. Nombre de usuario (ID) o contraseña incorrectos. Razón O su nombre de usuario (ID) o contraseña son incorrectos. Solución Verifique si ha escrito correctamente su nombre de usuario (ID) y contraseña (que distingue mayúsculas de minúsculas). Tenga cuidado al escribir su contraseña porque los caracteres no pueden leerse en la pantalla. 3. No se pudo conectar al host. . Razón
318
Incapaz de abrir una sesión FTP con los detalles de host suministrados. Solución Verifique que su modem esté conectado a su host remoto. Abra una ventana DOS y desde allí escriba "ping <nombre__host>" donde 'ping' es la orden y <nombre__host> debe ser reemplazado con el nombre de host que al que usted está tratando de publicar (Su ISP debe haberle provisto con todos estos detalles). Si no hay respuesta entonces hay un problema con su conexión de acceso telefónico o el host al que está conectado. Contacte su ISP para averigurar qué host usted debe discar para establecer FTP en sus sitio Web. 4. La carpeta local no se encontró. Razón La carpeta local que usted especificó en el diálogo Conectar (o la última que especificó para este perfil) no existe. Solución Web Easy lo ubicará en su carpeta de exportación especificada actualmente (Usted puede ajustar esto en el diálogo Opciones), usualmente llamado ./html
320
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(TM), Microsoft(R) Internet Explorer(TM), etc.) le permiten viajar la Web, explorando a través de almacenes de información y de documentos en cualquier tópico, shareware (programas de software compartidos), sonidos y películas. HTML Para dar formato a los sitios Web se usan los comandos del lenguaje de formato de hipertexto ( Hypertext Markup Language: HTML). Los navegadores muestran texto con este formato y con imágenes incrustadas, creando diversos diseños de página o páginas Web. Un típico sitio Web consiste de un número de páginas Web, y cada una de ellas contiene texto e imágenes. Algunas también incluyen sonido. y video. Gracias a HTML las páginas Web generalmente contienen vínculos incrustados a otras páginas dentro del sitio, como así también a otros sitios Web, de allí el término malla, o ¨web¨.. DHTML Los sitios Web dinámicos obtienen su formato con los comandos del lenguaje de formato de hipertexto dinámico ( Dynamic Hypertext Markup Language:DHTML, ).Este lenguaje permite la animación de elementos. en su página Web. Al usar Web Easy, para crear una página Web dinámica, usted crea una página Web DHTML. XHTML El lenguaje de formato de hipertexto extensible ( Extensible Hypertext Markup Language: XHTML)es una versión muchos más estricta de HTML que incorpora XML. CSS Hojas con estilo en cascada (Cascading style sheets :CSS) es una extensión de HTML para permitir que estilos como colores, tamaños y fuentes puedan ser especificados para los elementos en su página HTML. Estos estilos permiten que el usuario pueda cambiar el aspecto de un sitio sin editar el HTML. El código CSS puede ser incluido con la fuente HTML (método en línea) o en un archivo externo CSS (método centralizado). Web Easy exporta CSS en un archivo externo plara mejor separación de los datos y el estilo de la página. Esto también permite que Web Easy use archivo CSS para muchas páginas Web que comparten estilos comunes.
Requerimientos del sistema
Web Easy es compatible con HTML estándar compatible para tablas. Sin la compatibilidad para tablas, los resultados de una página Web publicada, serán impredecibles. Se requiere JavaScript para mostrar el texto de barra de estado. Microsoft Internet Explorer v4.0 (o posterior) y Netscape Navigator v4.0 (o posterior) son ambos compatibles con tablas como todos los navegadores populares actuales. Para exportar sitios con CSS los navegadores también incluirán soporte para CSS. Todos los navegadores modernos populares contienen este soporte.
323
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
338
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 dimensiones de la página
Cambia el tamaño de las plantillas para que se ajusten a las dimensiones de página del documento actual.
Mantener la relación de aspecto al reemplazar las imágenes
Asegura que la relación entre alto y ancho se mantienen cuando una foto o imagen son reemplazadas.
Cambiar tamaño de imagen guardando las proporciones
Asegura que la relación entre alto y ancho se mantiene al cambiar el tamaño de una foto o imagen.
Usar objeto incrustado al colocar un archivo externo
Elegir entre crear un objeto incrustado o un vínculo a un tipo de archivo del elemento al insertar ciertos archivos externos como audio 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
339
faltantes automáticamente
un documento con archivos faltantes. 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 los documentos
Crea vistas en miniatura de sus documentos en el panel Imagen del cuadro de diálogo Abrir documento , cuando se ha marcado Vista previa .
Imprimir usando alta calidad
Imprimir imágenes con alta resolución.
Usar selector de paleta segura para Web
Elegir qué diálogo puede ayudarle más al elegir el color cuando usted diseña.:Paleta de color segura para Web (predeterminado) o diálogo de colores básicos comunes.
Opciones de cuadrícula
La cuadrícula es una red de puntos en el fondo de su documento, que ayuda a alinear elementos. La cuadrícula no puede ser impresa. No aparece cuando usted construye su sitio Web y lo mira en un explorador de Web por Internet. Al establecer las opciones de cuadrícula usted puede elegir si desea o no mostrar la cuadrícula y también puede establecer sus opciones. Para establecer las opciones de cuadrícula, elija Opciones desde el menú Herramientas y seleccione la ficha Cuadrícula . Haga clic en una checkbox en el diálogo Opciones de cuadrícula para activar una opción o para escribir un valor donde se requiera. Mostrar malla de la cuadrícula en la página
Muestra la cuadrícula en la pantalla.
Forzar a la cuadrícula al mover o cambiar de tamaño
Fuerza que los elementos se alineen con la cuadrícula .
Mostrar márgenes de la página Web
Muestra el área sombreada que representa los márgenes hacia arriba y hacia la izquierda de la página Web.
Color de la malla Le permite establecer el color de la cuadrícula .
Espaciado de la cuadrícula Ancho: <escribir número> pixeles
Le permite establecer la distancia horizontal entre los puntos de la cuadrícula .
Espaciado de la cuadrícula Alto: <escribir número> pixeles
Le permite establecer la distancia vertical entre los puntos de la cuadrícula .
340
Márgenes de página Web Izquierda: <escribir número> pixeles
Le permite establecer los márgenes a la izquierda de la página Web.
Márgenes de página Web Arriba: <escribir número> pixeles
Le permite establecer los márgenes en la parte superior de la página Web.
Aplicar configuraciones a todos los documentos
Le permite aplicar los cambios a todos los documentos.
Predeterminado Restaura los valores predeterminados de la cuadrícula.
Opciones de imagen
Haga clic en la ficha Imagen en el diálogo Opciones para establecer las opciones de imagen. Para elegir un programa de edición de imagen predet erminado:
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Imagen para mostrar el diálogo de opciones de Imagen. 3. Arrastre el controlador deslizante Anti-alias para ajustar la suavidad del Anti-alias.
Anti-alias más suaves mejoran la calidad de las imágenes que son cambiadas de tamaño o rotadas, pero también aumentan su tamaño de archivo y la cantidad de tiempo necesario para mostrarlas.
4. Arrastre el controlador deslizante Flashpix para ajustar la presentación de imágenes Flashpix desde Muestra Rápida a Mejor calidad .
5. Arrastre el controlador deslizante Guardando imagen para ajustar la resolución de los archivos de imágenes guardadas.
6. Haga clic en Predeterminado para restaurar los valores predeterminados . 7. Haga clic en ACEPTAR
Opciones de construcción para HTML
Para establecer las opciones de construcción, elija Opciones desde el menú Herramientas y seleccione la ficha Construir HTML .
Opción Descripción Mostrar mensaje de limpieza al construir el sitio Web
Muestra un mensaje para limpiar la carpeta HTML de destino antes de exportar un nuevo sitio Web
Use el formato de pantalla para el orden de tabulación del formulario
Construye un orden de tabulación de los elementos del formulario en el sitio Web Site como visibles en un modo natural sobre la página. Esta opción está disponible solamente para sitios Web con CSS. Note que el 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 Web para Windows XP
"Mark of the Web" es un método que permite a Internet Explorer 6 en Windows XP SP2 ver contenido activo que es local en la máquina, sin advertencias de seguridad. Usted debe dejar esta opción marcada a
341
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 formularios de Web Easy con escenas dinámicas
Use esta opción solamente para exportar los sitios Web dinámicos creados y mantenidos por versiones anteriores de Web Easy (3, 4 y 5). Usuarios avanzados pueden notar que cada capa tiene un pequeño 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 etiquetas vacías por medio de exportación XHTML
Use esta opción al exportar los sitios Web con XHTML configuraciones. WebEasy tratará de convertir las etiquetas vacías HTML detectadas en los elementos de texto enriquecido, por ejemplo <br>. Estas etiquetas necesitan estar finalizadas correctamente cuando son exportadas, por ejemplo <br/> como requerimientos W3C XHTML .
Tamaño de letra para el código de origen HTML
Estas opciones le permiten especificar si quiere que el código generado sea con mayúsculas o minúsculas. Se recomienda encarecidamente que usted elija minúsculas, especialmente cuando exporta XHTML. Para comprender estas opciones seleccione qué parte del HTML será convertido cuando usted selecciona saltar Etiquetas ,atributos o Valores . Vea el ejemplo abajo; <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> En este HTML 'meta' es la etiqueta, 'http-equiv' es el atributo y ¨Content-Type" el valor. Sin embargo, las letras que describan cualquier cosa como un url, nombre de archivo, o entre comillas no cambiarán de tamaño.
342
Opciones de carpeta
Haga clic en la ficha Carpetas o en el diálogo de Opciones para elegir las carpetas predeterminadas en donde guardar sus archivos. Cuando usted guarda, el diálogo Guardar va en forma predeterminada a esa ubicación. Cada tipo de archivo va en forma predeterminada a esa ubicación. Por ejemplo, las plantillas que usted crea son dirigidas, en forma predeterminada a la carpeta "Mis plantillas"en la carpeta Mis Documentos mientras que los documentos son dirigidos a la carpeta "Mis documentos". Para elegir un nueva ubicación predeterminada:
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Carpetas para mostrar el diálogo de opciones de Carpeta. 3. Haga clic en la flecha junto al campo ‘Nombre’ y seleccione un tipo de archivo de la
lista. Por ejemplo, ‘Mis Documentos’ o ‘Mis clips de Audio’. 4. Elija una nueva ubicación predeterminada. � Escriba la ruta de acceso a la carpeta en el campo ‘Carpeta’or
� Haga clic en para explorar hasta la carpeta. 5. Haga clic en ACEPTAR
Nota: No se recomienda cambiar las ubicaciones predeterminadas por plantillas del sistema y recursos del sistema. Si se cambian estas configuraciones es posible que Web Easy no funcione bien.
Opciones de programas
Haga clic en la ficha Programas en el diálogo Opciones para elegir el programa de edición de imagen predeterminado. Al activar esta opción, cada vez que usted hace doble clic en una imagen, ésta se abre en ese programa. Para elegir un programa determinado para publicar s itios Web :
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa. 3. Elija una opción: � Asistente de publicación – inicia el Asistente de publicación de Web Easy.
� Ejecutar programa Le deja hacer clic para explorar hasta llegar al programa que usted prefiere como predeterminado para publicación de sitio Web.
4. Haga clic en ACEPTAR.
Para elegir programas to preview Web Sites:
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa. 3. Elija una opción: � Navegador de Web predeterminado -inicie el programa que Windows asocia con
este formato de archivo.
343
� Ejecutar programa - elija un programa del cuadro combinado o haga clic para explorar hasta llegar al programa que usted prefiere.
4. Haga clic en ACEPTAR.
Para elegir un programa determinado de edición de i magen:
1. Haga clic en Opciones desde el menú Herramientas . 2. Haga clic en la ficha Programas para mostrar el diálogo de Opciones de programa. 3. Elija una opción: � Acción predeterminada – acción normal de la aplicación. � Ejecutar el programa asociado predeterminado -inicie el programa que Windows
asocia con este formato de archivo.
� Ejecutar programa - Le deja hacer clic para explorar hasta llegar al programa que usted prefiere.
4. Haga clic en ACEPTAR.
Opciones avanzadas
Para establecer las opciones avanzadas, elija Opciones desde el menú Herramientas y seleccione la ficha Avanzado . Haga clic en una checkbox en el diálogo de Opciones avanzadas para activar una opción o para entrar un valor donde se requiera. Tiempo de espera de grabación de audio: <escribir número> seg.
361
La barra Web Easy
La barra Web Easy consiste de dos botones grises Portada y Editar . Estos botones están localizados dentro de la barra de tareas a la izquierda de la pantalla. La ubicación de los botones de Web Easy varía de acuerdo con la barra de tareas seleccionada en ese momento. Por ejemplo, en la barra de tareas de Editar , el botón Editar aparece arriba de la barra de tareas. Cuando no se selecciona, regresa a la parte inferior de la barra de tareas.
La barra de tareas
La barra de tareas es un área de barra de herramientas especial a la izquierda de la pantalla, conteniendo un grupo de botones relacionados. Algunos de estos botones determinan las herramientas presentadas en la barra de herramientas, y algunos de ellos abren diálogos. Por ejemplo, para agregar una página nueva a su documento:
1. Primero, haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en Editar Página para mostrar la barra de herramientas de Editar página .
3. Haga clic en Insertar página en la barra de herramientas de Editar Página . Las barras de tareas están organizadas en grupos en el orden en que se espera ocurrirá el flujo de trabajo. La barra de tareas de Portada Cuando Web Easy comienza, el grupo Portada se selecciona. Usted crea nuevos documentos, los construye, los publica en la Internet, importa imágenes o muestra el Centro de Actividades. La barra de tareas de Editar Cuando usted crea o abre un documento, el grupo Editar contiene barra de herramientas que le permite trabajar con elementos en su documento. Le permite editar páginas, fotos, textos y formas y organizar los elementos, y provee acceso a las herramientas y controles de multimedia. Nota: Usted no puede seleccionar la barra de tareas Editar a menos que tenga un documento abierto. Esto es porque sin un documento abierto, no hay nada que Web Easy pueda editar.. Al seleccionar un elemento en la barra de tareas se cambia la presentación de barra de herramientas. Por ejemplo haga clic en los elementos Página y Texto en la barra de tareas de Editar , y vea cómo cambia la barra de herramientas..
Barras de herramientas
Haga clic en el icono de una barra de herramientas para ejecutar una acción. La barra de herramientas muestra cambios de acuerdo con la selección en la barra de tareas. Para obtener una herramienta
1. Haga clic en un botón de la barra de Web Easy para mostrar una barra de tareas. Por
ejemplo, haga clic en para mostrar la barra de herramientas de Edición
2. Haga clic en un botón de la barra de tareas para mostrar una barra de herramientas .
362
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 .
365
Barra de herramientas de Diseñar
Haciendo clic en esto... produce esto:
Sitio Web
Le permite crear un documento usando un Asistente de sitio Web.
En blanco
Le permite crear un nuevo documento, en blanco, basado en una plantilla de diseño.
Abrir
Le permite abrir un documento.
Guardar
Le permite guardar el actual documento.
Barra de herramientas de Construir
Haciendo clic en esto... produce esto:
Vista previa
Le permite hacer vista previa del documento actual como un sitio Web o sitio Web dinámico.
Sitio Web
Le permite construir el documento actual en un sitio Web o sitio Web dinámico.
Componente
Le permite construir el documento actual en un componente - una imagen componente o un GIF animado.
367
Barra de herramientas común de Edición
Las herramientas comunes de Edición son un juego de herramientas que se muestran junto con las otras barras de herramientas. Haciendo clic en esto... produce esto
Cortar
Quita el elemento seleccionado de su posición actual y lo ubica en el portapapeles para ser pegado en una nueva posición .
Copiar
Copia el elemento seleccionado y ubica la copia en el portapapeles para ser pegado en el documento.
Pegar
Pega el contenido del portapapeles en la posición indicada por el ratón.
Deshacer
Cancela la acción más reciente.
Rehacer
Rehace la última acción que fue cancelada con Deshacer .
Seleccionar
Le permite seleccionar un elemento al hacer clic sobre él con el ratón.
Vínculo
Le permite agregar un vínculo al elemento seleccionado.
Sombra
Le permite agregar una sombra al elemento seleccionado.
Barra de herramientas de Editar página
La barra de herramientas de editar página es un juego de herramientas que le permite trabajar con las páginas de su documento. Haciendo clic en esto produce esto
Insertar
Inserta una nueva página en su documento.
Título
Le permite agregar títulos a las páginas en su documento.
368
Tamaño
Le permite ajustar el tamaño de las páginas en su documento.
Fondo
Le permite agregar un color, degradado o textura al fondo de las páginas en su documento.
Audio
Le permite agregar música de fondo a las páginas en su documento.
Transición
Le permite agregar transiciones de página a su documento.
Barra de herramientas de Editar foto
La barra de herramientas de Editar foto es un juego de herramientas que le permite trabajar con las fotos en su documento. Haciendo clic en esto produce esto
Insertar
Le permite insertar una foto nueva (u otra imagen) en su documento.
Modificar
Le permite modificar una foto seleccionada reemplazando la foto, el marco o el esténcil.
Tamaño
Le permite ajustar el tamaño de la foto seleccionada.
Recortar
Le permite recortar partes no deseadas de la foto seleccionada para alcanzar un tamaño o relación de aspecto requeridos.
Rotar
Le permite rotar o dar vuelta la foto seleccionada.
Efectos
Le permite aplicar una selección de efectos de foto a la foto seleccionada
Barra de herramientas de Editar texto
La barra de herramientas de Editar texto es un juego de herramientas que le permiten trabajar
369
con texto en su documento. Haciendo clic en esto produce esto
Insertar
Le permite insertar nuevo texto en su documento.
Modificar
Le permite modificar el texto seleccionado.
Fuente
Le permite ajustar la fuente del texto seleccionado.
Tamaño
Le permite ajustar el tamaño del texto seleccionado.
Rellenar
Le permite agregar un color, degradado o relleno de textura al texto seleccionado.
Justificar
Le permite alinear el texto seleccionado dentro del cuadro de texto..
Barra de herramientas de Editar formas
La barra de herramientas de Editar formas es un juego de herramientas que le permiten dibujar, insertar y trabajar con formas en su documento. Haciendo clic en esto produce esto
Forma
Le permite dibujar toda clase de formas, como rectángulos, óvalos, etc..
Objeto
Le permite insertar objetos ya preparados.
Estilo
Le permite ajustar el grosor de línea de la forma seleccionada.
Rellenar
Le permite agregar o un color, o un degradado o un relleno de textura a la forma seleccionada.
Color de borde
Le permite modificar el color del borde.
Barra de herramientas de Organizar elementos
370
La barra de herramientas de Organizar elementos es un conjunto de herramientas que le permite organizar todos los elementos en su documento.
Haciendo clic en esto produce esto
Ajustar
Muestra el diálogo Ajustar - permitiéndole ajustar el elemento seleccionado a la página o al marco. O hacer varios elementos del mismo tamaño, espaciados o centrados de forma uniforme.
Ordenar
Le permite cambiar la posición en capas del elemento seleccionado.
Alinear
Le permite alinear los elementos seleccionados verticalmente u horizontalmente.
Agrupar
Le permite unir los elementos seleccionados en un grupo, o dividir los elementos agrupados.
Animación
Le permite aplicar una ruta de animación al elemento seleccionado.
Efectos
Le permite aplicar efectos dinámicos HTML al elemento seleccionado.
372
Barra de herramientas de Asistentes
La barra de herramientas de Asistentes le permite acceder herramientas y Asistentes, para ayudarle a ejecutar una variedad de tareas dentro de Web Easy. Haciendo clic en esto produce esto
Vínculo dinámico
.Abre el Asistente de vínculo dinámico. Use esto para conectar a servicios de terceros relacionados con alimentación de Web( feed ).
Mapa de vínculo
Abre el Asistente de mapa de sitio - permitiéndole verificar y administrar los vínculos desde y hacia las páginas en su documento.
Estilo
Abre el diálogo de estilo - permitiéndole crear, modificar o aplicar las clases de estilo.
Texto
Abre el Asistente de texto - permitiéndole agregar textos ya preparados a su documento.
Búsqueda
Abre el Asistente de búsqueda- le permite buscar textos, imágenes y elementos vinculados en su documento.
Código
Abre el Asistente de Código personalizado - permitiéndole agregar sus propios códigos a su documento.
Propiedades del objeto
Abre el Asistente de Propiedades del objeto-permitiéndole escribir los parámetros para el código personalizado si está anexado al objeto.
Barra de herramientas multimedia
La barra de herramientas multimedia le permite reproducir archivo multimedia y grabar clips de audio .
375
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 .
376
� Si un texto se selecciona, aparece el menú Modificar texto. � Si una forma se selecciona, aparece el menú Modificar forma. � Si nada se selecciona, aparece el menú Modificar página.
Cuando ‘Use la barra de tareas de selección sensitiva’, no está señalada, Foto , Texto , Forma y Página aparecen como elementos de menú en el menú Modificar y en cada uno de los menús de las cascadas . Por ejemplo, si usted hace clic en Foto desde el menú Modificar , el menú Modificar foto aparece. Ver también
Cómo configurar las opciones generales
Menú Modificar foto
El menú Modificar foto le permite editar la foto seleccionada - agregar marcos y esténciles, recortar, rotar y aplicar efectos de foto.
Menú Modificar texto
El menú Modificar texto le permite editar el texto seleccionado - ajustar el tamaño, la fuente o la justificación.
Menú Modificar forma
El Menú Modificar forma le permite editar la forma seleccionada - ajustar el grosor de línea, agregar rellenos o sombras.
Menú Modificar página
El menú Modificar página le permite trabajar con las páginas en el documento - agregar títulos de página, rellenos de fondo, sonido de fondo, transiciones, etc.
Menú Construir
El Menú Construir le permite construir un documento en un sitio Web, sitio Web dinámico o componente, o ver una vista previa para una verificación rápida de su diseño.
Menú Herramientas
El menú Herramientas le permite usar Herramientas y Asistentes, como así también establecer sus opciones para Web Easy..
Menú Ventana
El menú Ventana le permite trabajar con las diferentes ventanas de documentos que pueden abrirse simultáneamente en Web Easy.
Menú Ayuda
El menú Ayuda ofrece recursos para ayudarle a aprender usar Web Easy - demonstraciones, tutoriales, Ayuda en línea y recursos en Internet.
378
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
379
G gamma Gif animado grupo H host remoto HTML HTTP I imágenes incrustadas Internet IP ISP J JavaScript K L 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
380
profundidad de color proveedor de servicios de Internet publicar Q 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 T 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 Y 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.
381
El panel Ordenar
Este panel le muestra paquetes seleccionados, el estado de su descarga, más información sobre intervalos y espacio en la unidad de disco.
El panel de descripción del paquete
Este panel muestra información acerca del contenido seleccionado. Puede incluir vínculos a otras partes del sitio Web de VCOM.
El panel de paquetes
Este panel contiene una lista de las descargas relevantes a su software que se encuentran disponibles. .Haga clic en los iconos de la carpeta para mostrar el contenido. Haga clic en la checkbox para seleccionar un paquete para descargar.
No puedo oir mi vínculo de audio rollover cuando mi sitio Web DHTML se ve con un navegador Netscape.
El vínculo de audio rollover en sitios DHTML se opera con un componente Activo X , que actualmente no es compatible con Netscape. Para que los usuarios de Netscape puedan oir su vínculo de sonido en un sitio DHTML, deben reproducir el clip de audio en un reproductor externo de sonido, como en un sitio HTML.. Para vincular el elemento a un clip de audio que se reproducirá en un reproductor externo:
1. Seleccione su elemento vinculado. 2. Abra el diálogo de vínculos y quite su vínculo a Efectos de sonido y música . 3. Haga clic en la ficha Internet en el diálogo Vínculos . 4. Haga clic en la opción Archivo.
5. Haga clic en . 6. Elija Todos los archivos en el campo ‘Tipo de archivos’ en el diálogo Explorar. 7. Explore hasta el clip de audio y haga clic en Abrir . 8. Haga clic en ACEPTAR.
Cómo limpiar el sitio seleccionado
Esta pantalla aparecerá solamente si la opción 'Dejar que Web Easy administre automáticamente mi sitio Web' es seleccionada en las Configuraciones de transferencia y hay archivos a eliminar en el sitio remote . Esta opción muestra una lista de archivos que no son requeridos por el paquete actual.
1. Para eliminar un archivo solamente, selecciónelo en la ventana de izquierda y haga clic en Eliminar . Para eliminar todos los archivos, seleccione Eliminar todo .
2. Haga clic en Siguiente para limpiar el sitio y cargue el paquete actual. Cuando termine de limpiar y cargar, se mostrará la pantalla ¡Felicitaciones!.
Asistente de publicación, pantalla de Seleccionar p aquete
La pantalla de Seleccionar paquete le permite ver todos los paquetes de sitios Web que usted ha creado. Usted puede ver estadísticas acerca del número de archivos (y el tamaño total de estos archivos) en el paquete, y el número de páginas. Seleccione la checkbox ‘Vista previa’ para ver los archivos multimedia en el paquete .
382
Asistente de publicación, Configuraciones de transf erencia
La pantalla de Configuraciones de transferencia muestra las configuraciones de transferencia para su paquete Web. Los campos muestran:
� nombre del paquete a transferir. � el archivo local conteniendo el paquete. � la carpeta remota donde el paquete será ubicado. Para la mayoría de los usuarios
habrá una carpeta dentro de su carpeta de portada adonde pertenecen sus archivos HTML files (paquete Web). Usted puede o especificar esto en la ficha de Opciones avanzadas en el diálogo Conectar o usted puede usar el botón Explorar para seleccionar un a carpeta diferente.
� Si usted selecciona la checkbox ‘Convierta este paquete en el sitio Web predeterminado’ , entonces cuando usted explore la carpeta de destino, la página 1 del sitio Web se cargará automáticamente. Esto asegura que se accederá al sitio Web que usted está publicando actualmente usando su URL predeterminado. Si usted está publicando por la primera vez, o a una carpeta remota donde no hay otros paquetes, se recomienda encarecidamente hacer esto.
� Si usted no convierte a su sitio Web en una página primaria, para poder explorarla entonces, usted debe incluir en el explorador la carpeta remota y el nombre del primer archivo HTML en el paquete para que las páginas se carguen.
� Si usted está publicando a una carpeta remota que ya contiene un paquete Web, usted debe decidir cuál paquete será el sitio Web primario. Idealmente usted debe vincular su otro sitio Web desde su sitio Web primario (usando el vínculo opción). Usted puede dejar los paquetes cómo están, pero uno de sus sitios Web será accesible solamente escribiendo la carpeta remota y el nombre del primer archivo HTML en el paquete.
� Si usted deja que Web Easy administre su sitio Web, solamente los archivos que han cambiado serán cargados, y Easy verifica por archivos que no se usan en el paquete. Si esta opción no se selecciona, todos los archivos requeridos para el paquete serán transferidos (aunque ya existan o no en la ubicación remota).
� Si se encuentran archivos en el sitio remoto que no se requieren para el paquete actual, usted verá la pantalla Limpiar el sitio seleccionado.
Errores posibles : Si usted especifica una carpeta local (en el diálogo Conectar o en el diálogo de las Configuraciones de Transferencia) que no existe, Web Easy mostrará un error y mostrara la ruta de acceso que usará para seleccionar paquetes locales. Es posible que usted reciba una advertencia si ha especificado una carpeta remota que no existe en el host, o relativa a su carpeta de portada. El mensaje mostrará la ruta de acceso que a la cual se intentó cambiar el directorio, y lo ubicará en su carpeta de portada. Usted puede usar luego el botón Explorar para seleccionar una carpeta diferente. Tome nota de la carpeta de destino porque ésta es la que usted debe escribir en la ficha de Opciones avanzadas en el diálogo Conectar para la carpeta remota (omitir el encabezado '/').
Cómo iniciar el Asistente de Web
Usted puede guardar documentos y abrirlos más tarde nuevamente. Para abrir un documento:
1. Haga clic en para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
383
3. Haga clic en Sitio Web para iniciar el Asistente de Sitio Web. 4. Haga clic en Siguiente y siga las instrucciones en su pantalla.
Sugerencia: Si hace clic en Nuevo y Sitio Web desde el menú Archivo logrará el mismo resultado. Ver también
Cómo usar el Asistente de Web
Para usuarios de Mac: cómo diseñar
Sugerencias de compatibilidad para usuarios de Web Easy
Muchos usuarios de Internet no usan la plataforma d e Windows. Posiblemente usted desee considerar algunas de las limitaciones espec iales impuestas por distintos sistemas operativos, plataformas de Hardware y soft ware para navegación.
En particular, note: • Arial, Times New Roman y Courier New son tres de las Fuentes que se encuentran
más fácilmente disponibles. Si usted usa solamente estas fuentes, es más probable que sus páginas se muestren como usted lo planea, sin importar el sistema operativo o el navegador de Web usado para ver su sitio.
• Netscape Navigator no es compatible con los efectos avanzados como transparencia, fundidos y barridos. Se recomienda que usted evite estos efectos si su audiencia va a usar Navigator. Lo mismo se aplica para Internet Explorer 4.5 en Macintosh.
• Para crear un sitio Web que pueda verse por la mayor cantidad de gente posible , sin tener en cuenta el sistema operativo o el navegador de Web usado, se recomienda que usted construya un sitio Web estándar de Internet conteniendo solamente texto, imágenes y formas. Navegadores de Web más viejos no pueden mostrar correctamente funciones como animaciones, efectos, transiciones y audio.
• Si usted está usando formularios, se recomienda que usted construya un sitio Web estándar de Internet se recomienda que usted construya un sitio Web estándar de Internet. También, los campos de los formularios deben estar ubicados directamente sobre la página, en vez de estar arriba de imágenes o formas. Esto asegurará que su formulario se muestre como usted lo planeó.
• Si usted está construyendo un sitio Web dinámico, los bloques de texto que están centrados pueden aparecer justificados ala izquierda en Internet Explorer 4.5 y en la Macintosh. Para resolver esto, inserte "<p>" al comienzo de su texto, y "</p>" al final. Por ejemplo, si su texto es "Bienvenido a mi sitio Web", usted debe cambiarlo a "<p> Bienvenido a mi sitio Web </p>".
• Si uated ha ubicado un vinculo de texto arriba de una imagen o forma, y construye un sitio Web dinámico, Internet Explorer 5 en la Macintosh puede no permitir que se haga clic correctamente en el vínculo. Se recomienda que solo ubique vínculos de imagen sobre otras imágenes.
• Internet Explorer 4.5 para la Mac dibuja el texto en una forma diferente a Internet Explorer 5. Esto significa que a veces cuando usted crea un sitio Web dinámico, el texto tendrá un tamao incorrecto. Una solución es usar solamente fuentes Arial o Times, ya que éstas son las más ampliamente compatibles. Otra solución es poner un mensaje en su página diciendo a los usuarios la forma de alterar laa configuraciones para la presentación de su texto. Desde el menu Preferencias, en Internet Explorer, en la sección Languajes/Fuentes, cambia de 96 ppp a 72 ppp, o viceversa. Alternativamente, el usuario puede cambiar el Zoom para texto, desde el menú Ver.
384
Cómo buscar imágenes
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el Asistente de búsqueda para buscar imágenes en su documento. Usted puede buscar todas las imágenes en el documento o especificar un tipo particular de archivo, por ejemplo JPEG (con una extensión .JPG ) o Windows Bitmap (con una extensión .BMP ). El Asistente de búsqueda encontrará todas las imágenes de ese tipo de archivo. Para buscar imágenes:
1. Desde el menú Herramientas , seleccione Buscar. Se abre el Asistente de búsqueda. 2. Haga clic en la opción ‘imágenes’. 3. Haga clic en para elegir el tipo de archivo a buscar. 4. Haga clic en Buscar siguiente . Controladores de selección aparecen en la primera
imagen encontrada. 5. Haga clic en Buscar siguiente otra vez para buscar la próxima imagen. 6. Haga clic en Cerrar para cerrar el Asistente de búsqueda .
Cómo buscar vínculos
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el Asistente de búsqueda para buscar vínculos en su documento. Usted puede buscar todos los vínculos en el documento o especificar un tipo particular de vínculo, por ejemplo vínculos de programa o vínculos de e-mail. El Asistente de búsqueda encontrará todos los elementos que tienes un vínculo tal agregado. Para buscar vínculos:
1. Desde el menú Herramientas , seleccione Buscar. Se abre el Asistente de búsqueda. 2. Haga clic en la opción ‘Vínculos a ’. 3. Haga clic en para elegir el tipo de vínculo a buscar. 4. Haga clic en Buscar siguiente . Controladores de selección aparecen en el primer
elemento vinculado encontrado. 5. Haga clic en Buscar siguiente otra vez para buscar el próximo elemento vinculado. 6. Haga clic en Cerrar para cerrar el Asistente de búsqueda .
Cómo buscar texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Use el Asistente de búsqueda para buscar elementos específicos de texto en su documento. Para buscar texto:
1. Desde el menú Herramientas , seleccione Buscar. Se abre el Asistente de búsqueda.
385
2. Haga clic en la opción ‘Texto ’. 3. Escriba el texto en el cuadro de texto. 4. Haga clic en la checkbox ‘Coincida la palabra completa solamente’ para buscar
palabras completas, o déjela sin marcar para buscar fragmentos. 5. Haga clic en la checkbox ‘Coincida la palabra completa solamente’ para excluir
palabras que no coinciden en cuanto a mayúsculas y minúsculas. Por ejemplo, ‘Sonido’ y ‘sonido’.
6. Haga clic en Buscar siguiente . Controladores de selección aparecen en el primer elemento de texto encontrado.
7. Haga clic en Buscar siguiente otra vez para buscar el próximo elemento de texto. 8. Haga clic en Cerrar para cerrar el Asistente de búsqueda .
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`')
Cuando ajustar la tonalidad, saturación o intensida d
El efecto Ajustar Color HSI le permite determinar con precisión sus colores de manera que pueda obtener las correctas combinaciones de tonalidad, saturación o intensidad
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') La Tonalidad se refiere a la combinación exacta de RGB (red, green and blue light: luz roja, verde y azul) que compone sus colores. Ajustar tonalidad significa cambiar esos valores, manera que los colores aparezcan bastante distintos. Por ejemplo, las áreas rojas en la imagen pueden volverse púrpura. Experimente con tonalidad para crear efectos de color interesantes). Saturación se refiere a la intensidad de los colores. Disminuir la saturación significa reducir la intensidad de manera que los colores se vuelvan menos vibrantes. Una reducción extrema en la saturación reduciría las imágenes a tonos de gris. Un incremento extremo en la saturación removería el gris de la imagen de forma que se vuelve casi color puro. Intensidad se refiere a la intensidad de la luz en una imagen .Agregar intensidad agrega blanco a los colores, mientras que reduciéndola agrega negro. Un incremento extremo en la intensidad agregaría tanta luz a la imagen que se volvería casi blanca pura. Una reducción extrema en la intensidad agregaría tanto negro a la imagen que ella se vuelve casi negro puro. Compare este efecto con el efecto Brillo, el cual agrega o reduce el brillo de la imagen.
Cómo ajustar el estilo de una forma
El botón Estilo le permite cambiar el grosor del contorno de una forma, y le permite cambiar un objeto desde un contorno a una forma sólida y viceversa. Para ajustar el estilo de una forma :
1. Haga clic en para mostrar la barra de herramientas de Edición.
386
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Seleccione la forma.
4. Haga clic en Estilo para mostrar el menú de Estilo. 5. Haga clic en el grosor de una línea para ajustar la línea a ese grosor, o haga clic en
Forma sólida para convertir una forma linear a una forma sólida.
Cómo insertar objetos
Web Easy le ofrece una colección de objetos pre-diseñados. Alegre su documento insertando divisorios ya preparados. Los usuarios avanzados pueden insertar objetos avanzados tales como vínculos automáticos , objetos animados, etc. Para insertar un objeto :
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Formas para desplegar la barra de herramientas de Editar formas .
3. Haga clic en Objeto para mostrar el diálogo de Insertar objeto. 4. Haga clic en una ficha para traer un tópico al primer plano, por ejemplo, Divisorios . O
haga clic en la flecha para explorar hacia los lados para ver más tópicos. 5. Haga clic en nombre de un objeto para verlo en el cuadro de vista previa. 6. Haga clic en Aceptar para elegir el objeto. 7. Haga clic en en el lugar de donde quiere poner el objeto. 8. El objeto puede ahora ser editado o movido.
Cómo mostrar el Asistente de texto
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Para mostrar el Asistente de texto:
Seleccione Asistente de texto desde el menú Herramientas .
Cómo vincular a un ancla en la misma página
Si usted vincula un objeto a una página que no existe (usted puede hacer esto accidentalmente escribiendo el nombre de la página con un error), entonces ese nombre se usa como un ancla en la página actual. Cuando usted Construye o hace Vista previa de su documento, este vínculo genera:
387
<A HREF="documento.html#xxx"> donde documento.html es el documento actual y xxx es el título de esta página desconocida. Esta ancla puede estar anexada a un objeto en la misma página asignándole el título de página a ese objeto. Esta palabra clave puede ser agregada a cualquier texto (sobre esta o cualquier otra página) por medio de un diálogo de vínculo con la definición como "Vincular código": NOMBRE='xxx'
Cómo vincular a otra página
Usted puede vincular un elemento en una página de un sitio Web, de manera que cuando un visitante haga clic en ese elemento, la página se abrirá.. Para agregar un vínculo a una página:
1. Seleccione el elemento al cual quiere agregar el vínculo.
2. Haga clic en Vínculo para mostrar el diálogo de Vínculo . 3. Seleccione la ficha de Navegar el documento para traer el diálogo de Vínculos de
Navegar el documento hacia el primer plano. Haga clic en Primer página para crear un vínculo a la primera página del sitio Web.
� Haga clic en Página anterior para crear un vínculo a la página anterior . � Haga clic en Página siguiente para crear un vínculo a la siguiente página del sitio
Web.. � Haga clic en Última página para crear un vínculo a la siguiente página del sitio Web... � Haga clic en Página para crear un vínculo a una página especificada del sitio Web...
Escriba el título de página si lo conoce o haga clic en para seleccionar uno del diálogo de títulos de página. 1. Haga clic en ACEPTAR.
Documento en blanco
Haga clic aquí para crear un documento nuevo.
Explorador de archivo
Explore por imágenes en el Explorador de archivo. Arrastre y coloque imágenes en su documento.
Construir un sitio Web
Le permite construir el documento actual en un sitio Web o en un sitio Web dinámico.
Cómo elegir una plantilla de diseño
La plantillas de diseño forman la base de su documento. Diseñadas por artistas gráficos, incluyen fondos pre-diseñados, imágenes, botones vinculados y más aún. Elija una de nuestras plantillas profesionalmente diseñadas o haga clic en la ficha En blanco para crear sus propios diseños originales. Para elegir una plantilla de diseño:
Haga clic en una ficha para traer la plantilla de diseño al frente. Por ejemplo, Negocios. 1. Haga clic en el nombre de la plantilla de diseño. Una vista previa de esa plantilla de
diseño se muestra a la derecha de la ventana de diálogo. Si la plantilla de diseño tiene varias páginas, puede que usted necesite desplazar hacia abajo para ver todas las páginas de las que se hace la vista previa. La información acerca del número de
388
páginas y fotos en la plantilla de diseño también se muestra. Explore las diferentes plantillas de diseño hasta que encuentre la que quiere.
2. Haga clic en Aceptar.. El documento se abre en el espacio de trabajo de Web Easy y usted puede editarlo.
Cerrar
Haga clic aquí para cerrar el Centro de actividades.
Cómo diseñar documentos
Si usted prefiere diseñar su documento desde el comienzo, usted puede comenzar con un nuevo documento en blanco y agregar sus propios elementos de diseño. Para diseñar un nuevo documento en blanco:
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en En blanco para abrir un nuevo documento. 4. El nuevo diálogo de documento aparece. 5. Elija el tipo de documento que usted quiere diseñar, por ejemplo, 3 páginas. 6. Haga clic en ACEPTAR 7. El documento en blanco se abre. Ahora usted puede agregar sus propios elementos de
diseño. Sugerencia: Haciendo clic en Documento nuevo/En blanco desde el menú de Archivo alcanza el mismo resultado.
Ver también
Cómo diseñar su documento
Importar un sitio Web
Cómo salir de Web Easy
1. Desde el menú Archivo haga clic en Salir para salir de Web Easy. 2. Un diálogo aparece, pidiéndole que confirme que desea salir. 3. Haga clic en ACEPTAR para confirmar y salir.
Ayuda
Haga clic aquí para obtener Ayuda acerca de cómo usar el Centro de actividades.
Cómo se guardan las páginas DHTML
Cuando Web Easy guarda archivos para páginas DHTML, cada elemento se guarda separadamente. Esto significa que las partes fuera de visión en los elementos que se superponen también se guardan, y por esta razón la salida de DHTML usa más espacio de archivo.
Barra de menús
La Barra de menús contiene títulos de menús. Haga clic en un título de menú para mostrarlo. Haga clic en un comando de un menú para ejecutar una acción.
389
Abrir documento
Haga clic aquí para abrir un documento existente..
Publicar
Haga clic aquí para publicar un sitio Web en Internet.
Cómo guardar un documento la primera vez
La primera vez que usted guarde un documento, el diálogo Guardar como se abre. Para guardar:
1. Haga clic para mostrar la barra de tareas de Portada
2. Haga clic en Diseñar para mostrar la barra de herramientas de Diseñar.
3. Haga clic en Guardar para guardar su documento. 4. Si usted está guardando un documento por la primera vez, el diálogo Guardar como
aparece. 5. Escriba un nuevo nombre para su documento en el campo ‘Nombre de archivo’ . 6. Explore hasta la carpeta donde quiere almacenar el documento. 7. Haga clic en Guardar .
Consejo: Haciendo clic en Guardar desde el menú Archivo produce el mismo resultado.
1.
Mostrar al Inicio
Limpiar la checkbox para quitar el Centro de actividad al Inicio. Manténgala señalada para mostrar el Centro de actividad al Inicio.
Barra de tareas
Los botones en las barras de tareas muestran barras de herramientas o abren diálogos. Haga clic en un botón de barra de tareas para mostrar una barra de herramientas o abrir un diálogo.
Barra de herramientas
Las Barras de herramientas contienen iconos de herramientas, por ejemplo, la herramienta
Vínculo que crea un vínculo a su documento. Haga clic en un icono para ejecutar una acción.
Tutorial
Haga clic aquí para ejecutar el tutorial de Web Easy.
Botones de Web Easy
Los dos Botones de Web Easy (Portada y Editar ) muestran cada uno una barra de tareas
390
distinta. Haga clic en un botón de Web Easy para elegir qué barra de tareas se mostrará.
Espacio de trabajo
Trabaje en su documento dentro del Espacio de trabajo . El documento que está siendo editado. Más de un documento puede ser mostrado, pero sólo uno puede ser activo. La barra de título del documento activo se resalta. Un GIF animado está hecho de dos o más imágenes GIF. Las imágenes aparecen secuencialmente, como marcos en una animación. Guardar en copias de seguridad en almacenamiento guarda su documento y todos los archivos vinculados (archivos gráficos, archivos de audio, etc.) a una carpeta seleccionada, permitiéndole copiar el diseño entero en un disco u otro medio desmontable. La proporción de la longitud horizontal de la foto en relación con la longitud vertical. Asistentes son guías que lo llevan paso a paso a través de una actividad. Vínculos automáticos son botones o textos, que se vinculan automáticamente a una página diferente dentro del documento. Cuando usted inserta Vínculos automáticos, Web Easy automáticamente calcula el número de páginas en su documento y crea el correspondiente número de vínculos. El fondo cubre la página entera y está siempre presentado por debajo de los otros elementos. Un fondo puede ser un color liso, un degradado desde un color a otro o un relleno de textura basado en una imagen seleccionada. Construir un documento lo convierte en archivos HTML o DHTML y crea un paquete de sitio Web que determina cuáles archivos serán transferidos al host remoto durante la publicación. Un espacio de almacenamiento provisional para cualquier cosa que usted quiera mover. La profundidad de color de una imagen determina el número posible de colores. La profundidad de color va desde el color de un bit, de negro y blanco puro, al color de 32 bits, con la posibilidad de millones de colores. Un perfil de conexión es un conjunto de detalles de conexión que usted puede guardar para volver a usarlos. Cascading Style Sheets (CSS) Hojas en estilo cascada: método para aplicar estilos a los sitios Web. Sugerencias son ventanas que aparecen cuando usted hace clic en una herramienta, dando indicaciones e instrucciones. Para activar o desactivar las Sugerencias, haga clic en la ficha General en el diálogo Opciones . Dynamic Hypertext Markup language:DHTML. Significa Lenguaje de formato de hipertexto dinámico. Los sitio Web dinámicos obtienen su formato usando comandos DHTML.. El acto de transferir archivos a su ordenador por medio de Internet. Por ejemplo, cuando usted transfiere un programa a su ordenador desde un sitio de software a compartir, usted está descargando el programa.. Arrastrar y colocar Si el elemento que usted está arrastrando no puede ser colocado en la posición actual, usted
verá el puntero de estacionamiento prohibido - . Los efectos dinámicos HTML son similares a las transiciones de página, pero se aplican a elementos individuales. Ellos incluyen efectos como fundido de entrada y salida, disolver, abrir y cerrar persianas y muchos más..
391
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.
392
Internet es una red de ordenadores a nivel mundial. Son programas de terceros que le permiten buscar información por Internet. El individuo o la organización que le provee su conexión a Internet y servicios tales como e-mail y el hospedaje de su sitio Web. Los navegadores de Web le permiten viajar la Web, explorando a través de archivos de información y documentos sobre cualquier tópico, shareware, sonidos y películas. Internet Protocol significa Protocolo de Internet IP es software que divide data en paquetes para transferir a través de Internet. La dirección IP es una representación numérica de la dirección de su host remoto, por ejemplo, 210.121.111.200. La dirección IP provee la misma información que el nombre de Host. Su ISP le suministra su dirección IP. Internet Service Provider significa Proveedor de servicios de Internet. Un ISP es una organización que provee a los usuarios remotas conexiones a Internet y servicios tales como e-mail y hospedaje de sitios Web. JavaScript es un lenguaje de programación, o códigos. Este lenguaje se incrusta en las páginas Web y es leído por el navegador. Puede usarse para hacer distintas cosas, como abrir una ventana separada en el navegador o mostrar un mensaje cuando el ratón se mueve sobre un objeto en la página Al poner elementos en capas hay que tener en cuenta qué elemento se mostrará arriba de otro si dos o más elementos se sobreponen. Una nueva capa se crea cada vez que un elemento se agrega a la página. La distancia entre el filo de la hoja y la parte impresa de la página. Una barra de navegación aparece como un marco separado a un lado de su sitio Web DHTML y contiene vínculos a las diferentes páginas en el sitio. Porque está en un marco separado, la barra de navegación permanece en su lugar mientras los visitantes exploran las distintas páginas del sitio. Una colección de archivos usados para crear páginas Web desde Web Easy. El Explorador de archivo aparece en la parte inferior de Web Easy. Se usa para explorar buscando archivos de fotos, media, imágenes, clipart o imágenes prediseñadas y para arrastrar y colocar fotos en sus documentos. Un portaespacio permanece cuando usted quita una imagen, preservando el tamaño y ubicando la imagen. Un filtro complementario (plug- in) es un componente que puede ser agregado a un programa para incrementar su funcionalidad. Por ejemplo, usted puede agregar un VRML plug-in a su navegador de Web para facultarla a mostrar VRML. Muchos filtros complementarios pueden ser descargados de Internet. La Página primaria es el archivo que su host remoto carga automáticamente cuando alguien visita su sitio Web. Pida a su ISP para obtener el nombre de su página primaria. Nombres comúnmente usados para páginas primarias son welcome.html, index.html y default.html.
Una vista previa que muestra el aspecto que tendrá una página cuando usted la imprima. Los valores especificados toman en cuenta los márgenes de la impresora, ej.:los valores mostrados representan el área imprimible. Estos márgenes variarán dependiendo de su impresora.
Base de datos del producto
Está ubicada en el servidor y es la lista de productos con la información vital requerida para proceder a su compra en Internet. La mayor razón es proveer seguridad a los usuarios y para las transferencias de dinero electrónico. Software que ha sido lanzada al dominio público y que está disponible para uso irrestricto. Publicar un sitio Web es el proceso de transferir el paquete de archivos HTML o DHTML a su servidor remoto de modo que otras personas puedan verlos con sus navegadores de Web.
393
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.
394
Un contador de visitas cuenta y muestra el número de visitantes a su sitio Web. El contador trabaja por medio de una conexión a un ordenador que hospeda un programa de contador. Cuando usted ubica un contador en su sitio Web, usted debe crear un vínculo desde su contador hasta ese programa. Los mundos virtuales tridimensionales se describen usando el Virtual Reality Markup Language (VRML, el lenguaje de formato para realidad virtual). El soporte para construir VRML en Web Easy fue suprimido luego de la Versión 5. La paleta de colores de Netscape, de 216 colores. Al usar estos colores se impedirá que los colores se difuminen en los ordenadores que usan presentaciones bajas de color. Estos colores son reconocidos universalmente por los navegadores de Web y los sistemas operativos. Permiso para hacer cambios a archivos en una carpeta remota. Su host remoto le concede permiso de escritura para sus propias carpetas solamente. "What-you-see-is-what-you-get". Significa: lo que usted ve es lo que usted obtiene. Cuando usted edita un documento, el formato presentado es un reflejo correcto del aspecto que tendrá el documento cuando se publique en la Web. La World Wide Web, o la Malla Mundial. Su dirección de sitio WWW es el URL que dirige los visitantes a su sitio Web . Su ISP le dirá cuál es su dirección de sitio WWW. Un ejemplo de una dirección de sitio WWW es www.v-com.com EXtensible HyperText Markup Language (XHTML).Significa: lenguaje de formato de hipertexto extensible. Es un híbrido de los lenguajes XML y HTML..
Cómo enviar archivos por e-mail
%!EF(`URL Purchase.URL',`',SW_SHOWNORMAL,`') Usted puede enviar archivos por e-mail agregándolos a su mensaje de e-mail. Para información acerca de guardar un documento como una imagen, vea Cómo construir un documento en un componente de imagen.
Acerca de Web Easy
Presenta información sobre este producto.
Centro de actividad
Presenta el centro de actividad - la forma rápida y fácil de comenzar con unas pocas actividades básicas.
Agregar/Reemplazar marco
Le permite agregar un marco a la foto seleccionada o reemplazar un marco existente con uno nuevo.
Agregar/Reemplazar esténcil
Le permite agregar un esténcil a la foto seleccionada o reemplazar un esténcil existente con uno nuevo.
Alinear
Le permite alinear los elementos seleccionados verticalmente u horizontalmente.
395
Animación
Le permite aplicar una ruta de animación al elemento seleccionado.
Organizar iconos
Le permite organizar sus iconos.
Audio
Le permite agregar música de fondo a las páginas en su documento.
Caja
Le permite dibujar rectángulos. Mantenga presionada la tecla MAYÚS para dibujar un cuadrado.
Construir un componente
Le permite construir el documento actual en un componente- un componente de imagen o un GIFanimado.
Cascada
Le permite mostrar múltiples ventanas de documentos en orden de cascada.
Verifique actualizaciones
Actualizaciones automáticas están disponibles en el sitio Web de VCOM para mantener su software actualizada y proveer acceso a nuevos recursos.
Borrar marco
Quita el marco de la foto seleccionada.
Borrar foto
Le permite quitar el marco de la foto seleccionada, poniendo un portaespacio en su lugar. Una foto nueva puede ser insertada en el portaespacio más tarde. Borrar esténcil Quita el esténcil de la foto seleccionada.
Cerrar
Le permite cerrar el documento actual. Cerrar todo Le permite cerrar todos los documentos que están abiertos.
Productos VCOM complementarios
396
Muestra información sobre otros excitantes productos de VCOM .
Copiar
Copia el elemento seleccionado y ubica la copia en el portapeles para ser pegada en el documento.
Crear un componente
Le permite crear un componente para su documento - un componente imagen o un GIF animado.
Crear un sitio Web
Le permite crear un documento usando el Asistente de sitio Web .
Recortar
Le permite recortar las partes no deseadas de la foto seleccionada.
Curva
Le permite dibujar una forma curva.
Cortar
Quita el elemento seleccionado de su posición actual y lo ubica en el portapapeles para ser pegado en una nueva posición.
Eliminar
Elimina el elemento seleccionado.
Eliminar página.
Elimina la página actual.
Efectos HTML dinámicos
Le permite aplicar efectos HTML dinámicos al elemento seleccionado.
Editar
Haga clic en para mostrar la barra de herramientas de Editar.
Editar texto
Le permite editar el texto seleccionado - eliminar parte de éste y/o escribir más.
Salir
Le permite salir de Web Easy.
Rellenar
Le permite agregar un color, o un degradado o un relleno de textura a la forma seleccionada.
Fondo
Le permite agregar un color, degradado o fondo de textura a la página en su documento.
397
Rellenar
Le permite agregar un color, o un degradado o un relleno de textura al texto seleccionado.
Primera
Le permite navegar a la primera página en el documento.
Ajustar
Muestra el diálogo Ajustar , ofreciendo una selección de tareas. Usted puede ajustar el elemento seleccionado a la página o al marco. Usted puede hacer elementos del mismo tamaño, espaciarlos uniformemente o centrarlos.
Fuente
Le permite ajustar la fuente del texto seleccionado.
Ir a
Le permite navegar a un a página específica en el documento.
Grupo
Le permite unir elementos seleccionados en un grupo, o separar elementos agrupados.
Ayuda
Abre este manual de Ayuda en línea.
Botón Portada
Haga clic en para mostrar la barra de tareas de Portada
Insertar objetos
Le permite insertar objetos ya preparados.
Insertar página
Le permite insertar una nueva página en su documento.
Insertar una foto
Le permite insertar una nueva foto (u otra imagen) en su documento.
Insertar imágenes prediseñadas (Clipart)
Le permite insertar una imagen desde la carpeta de imágenes prediseñadas (Clipart).
Insertar componente
Le permite insertar un componente construido - un componente de imagen o un GIF animado.
Insertar texto
398
Le permite insertar nuevo texto en su documento.
Arte en línea
Una amplia selección de imágenes prediseñadas(clipart), fotos y plantillas de diseño se encuentra disponible en línea para los usuarios registrados de software VCOM .
Portada de VCOM
Haga clic en esto para conectar al sitio Web de VCOM, www.v-com.com.
Soporte técnico de VCOM
Usted puede encontrar una amplia gama de recursos de soporte en el sitio Web de VCOM, incluyendo Preguntas más frecuentes, ¨remiendos¨, documentación electrónica y un formulario de email para contactar al Equipo de soporte técnico de VCOM.
Justificar
Le permite alinear el texto seleccionado dentro del cuadro de texto.
Última
Le permite navegar hasta la última página en el documento.
Orden
Le permite cambiar la posición de las capas en el elemento seleccionado.
Línea
Le permite dibujar formas con líneas, polígonos, polilíneas, curvas y curvas sólidas.
Grosor de línea
399
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
400
Le permite dibujar óvalos. Mantenga presionada la tecla MAYÚS para dibujar un círculo.
Pegar
Pega el contenido del portapapeles sobre el docume nto.
Pegar está disponible solamente si un elemento ha s ido copiado o cortado sobre el portapapeles.
Pausa
Le permite hacer pausa en el archivo seleccionado de multimedia dentro de un documento.
Efectos de foto
Le permite aplicar una selección de efectos de foto a la foto seleccionada.
Reproducir
Le permite reproducir el archivo de multimedia sele ccionado dentro de un documento.
Polilínea
Le permite dibujar una forma con puntas múltiples.
Hospedaje de Web preferido
Suscríbase al proveedor de hospedaje de Web preferido para un hospedaje de Web redituable, acceso a herramientas especiales, administración de sitio simplificado y un ftp fácil (¡ realmente fácil!).
Vista previa
Le permite hacer una vista previa del documento actual como un sitio Web o un sitio Web dinámico.
Anterior
Le permite navegar a la página anterior del documento.
Imprimir
Imprime el documento actual.
Vista previa de impresión
(full version only) Una vista previa que muestra, antes de imprimir, el aspecto que tendrá una página cuando usted la imprima.
Asistente de publicación
Inicia el Asistente de publicación - permitiéndole transferir su sitio Web a su host remoto.
Reciente
Le permite abrir un documento de la lista de documentos recientes.
Grabar
401
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
402
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.
403
Transferir archivos
Inicia FTP Max - permitiéndole transferir archivos a su host remoto.
Transiciones
Le permite agregar transiciones de página a su documento.
Tutorial
Inicia el tutorial.
Deshacer
Deshace la acción más reciente.
Visite VCOM
Haga clic aquí para acceder a un menú de opciones disponibles en el sitio Web de VCOM.
Construir un sitio Web
Le permite construir el documento actual en un sitio Web o sitio Web dinámico.
WYSIWYG
"What-you-see-is-what-you-get". Significa: lo que usted ve es lo que usted obtiene. Cuando usted edita un documento, el formato presentado es un reflejo correcto del aspecto que tendrá el documento cuando se publique en la Web.
¡Un elemento en mi sitio Web está escondido detrás de otro!
Web Easy le permite hacer capas de elementos desde atrás hacia adelante. Si usted quiere mover un elemento al frente, selecciónelo, luego elija Orden , Traer al frente desde el menú Organizar .
¡No puedo ver todo mi texto!
Si usted agranda el texto luego de haberlo escrito, los límites del cuadro de texto pueden ser demasiado pequeños para mostrar todo el texto. Agrande el cuadro de texto seleccionando el texto y arrastrando los controladores de ajuste que se muestran alrededor de los bordes. Use los controladores de ajuste en los lados del cuadro de texto para ensancharlo, use los controladores de ajuste de la parte inferior y superior para aumentar el alto, y use los controladores de ajuste en las esquinas para aumentar el alto y al ancho al mismo tiempo. El texto también puede esconderse si los cuadros de texto se superponen.. Asegúrese de que sus cuadros de texto no se superponen.
¡No puedo ver todo mi documento!
Haga clic en el botón Zoom en la esquina superior derecha y seleccione-Ajustar . Si usted todavía no puede ver todo su documento, trate de cambiar las dimensiones de su página - quizás estén equivocadas.
Quiero incrustar una imagen pero la opción 'Imagen
404
incrustada' en el diálogo Vínculo está gris
Usted solamente puede vincular una imagen o foto a una imagen incrustada. Si la opción 'Imagen incrustada' en el diálogo Vínculo está gris, significa que el elemento seleccionado no es una imagen. Esto ocurrirá si usted selecciona una forma dibujada con las herramientas de dibujo. Reemplácela con una foto y vuelva a probar.
¡Mi marco no encaja con mi foto!
Un marco que se arrastra desde el Explorador de archivo y se deja caer en una foto solamente encajará si se deja caer directamente sobre la foto. Asegúrese de que, cuando deja caer el marco sobre la foto, la foto tiene controladores de ajuste mostrándose en los bordes. Si ellos no se muestran, el marco y la foto no encajarán juntos. Si usted tiene una foto y un marco ya en su documento, y quiere encajarlos juntos, vea Encajando un marco a una selección.
¡Mis fotos verticales están horizontales!
Su cámara digital puede mostrar todas las fotos que usted toma como horizontales, o paisaje/ apaisadas. Para cambiar la orientación de su foto en su documento, selecciónelo y haga clic en Foto en la barra de tareas de Editar ;
luego haga clic en Rotar .. Rote la foto hasta que esté vertical.
¡Mi texto se ha convertido en una imagen!
El texto algunas veces se convertirá en una imagen en un navegador de Web porque el texto se superpone sobre otro elemento en la página. Para prevenir que el texto se convierta en una imagen, asegúrese de que sus elementos de texto no se superpongan. El texto también se convertirá en una imagen cuando usted aplica un degradado o relleno de textura, o usted puede decidir elegir exportar su texto como una imagen (Construir/Componente/Imagen). En los sitios Web HTML, agregar una sombra también causará que el texto se convierta en una imagen, aunque esto no es el caso en los sitios Web DHTML. Nota: Windows tiene una función incorporada anti-alias para el texto convertido en imagen, lo cual puede causar que su página se muestre en forma pobre Si.el texto convertido en imagen se muestra en forma incorrecta en su navegador, cambie sus configuraciones de Windows de esta manera:
Abra Propiedades de la pantalla (clic con el botón derecho del ratón en el escritorio y elija Propiedades ).
Seleccione la ficha Efectos Desactive Suavizar los bordes de las fuentes de pantalla
¡Algunos de mis elementos vinculados no son visibles!
Si su navegador de Web no muestra un elemento en su sitio Web que tiene un tipo de vínculo particular (por ejemplo, un vínculo de objeto incrustado ), es porque éste no es compatible con esta clase de vínculo. Usted necesita actualizar a la última versión de su navegador de Web para poder ver estos elementos vinculados.
405
¡Algunos de mis vínculos a otros sitios no funcionan!
Desafortunadamente, Web Easy no puede verificar que las direcciones de Internet que usted usa son correctas. Use el Asistente de Mapa para verificar los vínculos a y desde cada página. Verifique que usted no ha cometido ningún error al escribir las direcciones y que las direcciones todavía son válidas. Si no puede encontrar ninguna equivocación con las direcciones, consulte a su Proveedor de servicios de Internet .
¡Algunos de los vínculos a otras partes de mi sitio Web no están funcionando!
Verifique si usted ha creado vínculos a páginas que usted luego eliminó. Es mejor agregar sus vínculos cuando usted ha terminado de diseñar completamente su documento. Use el Asistente de mapa de sitio para verificar los vínculos desde y hacia cada página. Nota para usuarios avanzados: Si usted vincula un objeto a una página que no existe (usted puede hacer esto accidentalmente escribiendo el nombre de la página con un error), entonces ese nombre se usa como un ancla en la página actual. Cuando usted Construye o hace Vista previa de su documento, este vínculo genera: <A HREF="documento.html#xxx"> donde documento.html es el documento actual y xxx es el título de esta página desconocida. Esta ancla puede estar anexada a un objeto en la misma página asignándole el título de página a ese objeto. Esta palabra clave puede ser agregada a cualquier texto (sobre esta o cualquier otra página) por medio de un diálogo de vínculo con la definición como "Vincular código": NOMBRE='xxx'
¡El Asistente de publicación dice que los archivos requeridos han sido eliminados de mi carpeta local!
Esto ocurre cuando un archivo paquete está faltando de su carpeta local. Si el archivo paquete (extensión.txt) para el sitio Web que usted está publicando falta, el Asistente de publicación no puede comparar los archivos locales y remotos y tendrá que volver a publicar su sitio Web por completo. Si el archivo paquete para un sitio Web que usted desea eliminar está faltando, el Asistente de publicación no podrá eliminar ese sitio Web. Copie el archivo paquete desde la carpeta HTML (o la carpeta en la cual usted almacenó los archivos HTML para su sitio Web) dentro de la carpeta local. Ahora, cuando usted publique, el Asistente de publicación podrá eliminar el sitio Web completo.
¡No hay suficiente espacio de disco en mi host remoto para publicar mi sitio Web!
Si esta es la primera vez que usted publica su sitio Web, verifique que el espacio que su ISP le ha asignado para un sitio Web es más gran de que la medida del contenido de su carpeta local de sitio Web(..\WebEasy\HTML) Si el espacio asignado es menor, usted puede requerir más espacio de su ISP, o reducir el tamaño de su sitio Web. Para reducirlo, reduzca la medida de cualquier elemento gráfico grande, quite alguna página o quite archivos grandes que están vinculados al sitio.
406
Si usted ya publicó un sitio Web, usted puede reducir el que está publicando ahora o puede eliminar su primer sitio Web desde su host remoto. Al eliminar su sitio Web desde su host remoto su versión local no se eliminará. Nota: Si usted ha publicados varios sitios Web en carpetas remotas diferentes, el Asistente de publicación de Web Easy no le pedirá que elimine sitios cuando usted publica uno nuevo. En este caso, use FTP Max para eliminar un sitio desde una carpeta remota. Para iniciar FTP Max, haga clic en Transferir archivos desde el menú Herramientas .
¡Cuando agregué un marco ovalado a mi foto, éste no encajó!
Los marcos ovalados se usan en conjunción con los esténciles ovalados. Después de haber arrastrado un marco ovalado sobre su foto, seleccione la carpeta Esténcil en el Explorador de archivo y muestre la carpeta Óvalo Arrastre y coloque un esténcil en forma de óvalo sobre su foto.
¡Cuando yo eliminé mi marco, mi foto también desapareció!
Web Easy agrupa juntos fotos y marcos, para facilitarle el trabajo con ellos. Cuando usted selecciona un marco, los controladores de ajuste le mostrarán si usted tiene sólo el marco o el marco y la foto juntos. Si los controladores de ajuste son cuadrados, usted sólo ha seleccionado el marco. Si son en forma de diamante, ha seleccionado ambos, el marco y la foto. Si la selección que ha hecho no es la que quería, seleccione nuevamente el elemento: los controladores de ajuste deberían alternar entre diamantes y cuadrados cada vez que usted selecciona un elemento. Una forma más fácil de quitar un marco de una foto es haciendo clic en el botón Modificar en la barra de herramientas de Editar foto y luego seleccionar Borrar Marco.
¡Cuando veo mi sitio Web en un navegador de Web, éste no se muestra correctamente!
Porque Web Easy le permite hacer tanto con su sitio Web, los archivos HTML que usted construye pueden ser bastante complejos y algunas versiones anteriores de navegadores de Web no pueden manejar esta complejidad. Trate de alterar el diseño de su documento para reducir la complejidad. Una forma de hacerlo es evitar que los elementos se superpongan. Si usted no quiere alterar el diseño, usted puede probar viendo su sitio Web en otros navegadores de Web, o actualizando a una versión más nueva del navegador de Web que usted está usando. Usted debe recordar, no obstante, que aunque algunos navegadores muestran su sitio Web sin problemas, otros no lo harán y mucha gente puede estar usando otros navegadores. Su objetivo es crear un sitio Web que pueda ser visto sin problemas por la mayor cantidad posible de navegadores de Web.
407
¡Cuando veo mi sitio Web en un navegador de Web, mis vínculos de texto se muestran como visitados!
Su navegador de Web guarda una historia de los vínculos que usted ha visitado recientemente. De manera que cuando usted está creando su sitio Web, y haciendo una vista previa de éste frecuentemente, su navegador de Web ¨recordará¨que usted ha visitado ese vínculo antes. Para evitar que esto ocurra, borre la historia de su navegador de Web cuando usted está creando su sitio Web y haciendo su vista previa .
¡Cuando veo mi sitio Web en navegadores de Web distintos, éste aparece diferente!
Los diferentes navegadores de Web funcionan de forma distinta y tienen distintas facultades. Esta variación ocasiona que muestren su sitio Web de forma diferente. Algunas veces no hay nada que usted pueda hacer acerca de las diferencias, por ejemplo, algunos navegadores usan distintas paletas de color y esto ocasiona que los colores se muestren de distinta manera. Sin embargo, algunas diferencias en la forma en que su sitio Web se ve se deben a la complejidad de su sitio Web. Vea ¡Cuando veo mi sitio Web en un navegador de Web, éste no se muestra correctamente!.
Insertar una tabla
Inserte una tabla para organizar su texto en una cuadrícula de filas y columnas. Para insertar una tabla nueva:
1. Haga clic en para mostrar la barra de herramientas de Editar.
2. Haga clic en Texto para mostrar la barra de herramientas de Editar texto .
3. Haga clic en al lado de Insertar un nuevo bloque de texto y elija Tabla. 4. Se abre el diálogo Insertar objeto tabla . 5. Elija Estilo de formato previo para la tabla que usted desea insertar. 6. Haga clic en la ficha Tamaño y escriba el número de filas y columnas. 7. Haga clic en las otras fichas Estilo, Texto, Columna Títulos y en los Títulos de fila
8. para modificar el estilo de la tabla. Haga clic en para refrescar la muestra del estilo de la tabla y vea el efecto de estos cambios.
9. Verificar la checkbox "Use clases de estilo de documento" en la parte inferior. 10. Haga clic en ACEPTAR para cerrar el diálogo. 11. Haga clic con el ratón en la posición donde usted desea insertar la tabla. 12. Haga doble clic en el Objeto tabla para escribir los datos en las filas y columnas. 13. Termine de editar y ajuste el tamaño de los límites del elemento para encajarlo a los
contenidos. Notas: Un Objeto tabla es un elemento de Texto enriquecido en el documento de diseño. Ubique siempre el Objeto tabla enteramente dentro del diseño de página del documento de sitio Web.
408
Use la opción de Clases de estilo del documento para insertar la tabla para el sitio Web con estilo CSS. Use el diálogo Estilo para modificar los colores de tabla, los bordes o fondos. La opción ¨Desactivar retorno¨ significa que si usted activa esta checkbox, una línea larga de texto se cortará porque no puede encajar en la celda de la tabla, o la celda cambiará su ancho. Ver también
Texto enriquecido
Texto simple
Texto gráfico
Barra de texto enriquecido
Propiedades del código para configuraciones de obje to
El diálogo para Propiedades de código de objeto le permite personalizar el código personalizado que viene anexado al elemento seleccionado. Los parámetros se presentan en dos columnas:
� Nombre - un nombre descriptivo del parámetro. � Valor - el valor real para el parámetro en el código personalizado.
Los valores de los parámetros marcados en fuente itálica se rellenan automáticamente con el diálogo: Obtenga un archivo especificado por el vínculo a un objeto incrustado cuando se inicializa el código. Almacene la nueva especificación en la definición de vínculo de objeto incrustado cuando el botón ACEPTAR se ha seleccionado. Nota: usted debe mantener este archivo consistente con la especificación de vínculo incrustado de otra forma es posible que el archivo no se incluya en el Paquete final del sitio Web y el reproductor puede fracasar.
Obtenga el tamaño actual del elemento seleccionado cada vez que el diálogo está abierto. Use esta función para actualizar la configuración del objeto luego de cambiar el tamaño del portaespacio del objeto incrustado .
409
Ayuda en línea - es posible que en línea haya más información específica sobre el objeto .
Valores predeterminados- restaura datos iniciales para todos los parámetros en el diálogo.
Quitar todo - elimina todos los parámetros y el código personalizado asociado. Indicadores especiales:
Propiedades optativas del objeto están en uso (ver Propiedades optativas del objeto)
Propiedades optativas del objeto no están en uso (ver Propiedades optativas del objeto) Para modificar las propiedades de un objeto:
1. Seleccione el elemento que quiere modificar en su página.
2. Haga clic en Herramientas para mostrar la barra de herramientas de Herramientas. .
3. Haga clic en Propiedades del código del objeto para abrir el diálogo. 4. Modifique el valor de los parámetros. 5. Haga clic en ACEPTAR para guardar las configuraciones.
Nota: Editar un valor puede ofrecer varios métodos para escribir la información tales como escribir en el lugar, diálogos especializados o la repetición del diálogo de Propiedades de repetición del objeto para una lista de valores optativos. Editar puede involucrar un procedimiento específico para verificar la corrección de los datos. Los valores iniciales son suministrados como un ejemplo y puede que no sean los apropiados para las necesidades específicas de un objeto. Usted debe cambiar esos valores, por ejemplo escribir su dirección de e-mail real o el URL de su sitio Web en Internet. Los Marcadores de parámetros especiales se usan en el código personalizado [~ ~] para permitir la sustitución de los datos que usted escribe. Usted no debe quitar estos marcadores porque si lo hace el diálogo de Propiedades del objeto puede no funcionar correctamente. Ver también
Cómo configurar las propiedades optativas del objeto
Cómo configurar las propiedades de comercio electrónico del objeto
Cómo agregar comercio electrónico al sitio Web
Propiedades del reproductor de multimedia
Cómo configurar las propiedades optativas del objet o
El diálogo para Propiedades optativas de código de objeto le permite agregar parámetros optativos al código personalizado que viene anexado a un objeto. Los parámetros se presentan en dos columnas:
� Nombre - un nombre descriptivo del parámetro. � Valor - el valor real para el parámetro en el código personalizado.
410
o como una lista de las filas donde: � La columna principal provee un nombre descriptivo para el parámetro. � Las filas listan los valores reales para los parámetros en el código personalizado.,
tantas veces como sea necesario.
Ayuda en línea - es posible que en línea haya más información específica sobre el objeto .
Valores predeterminados- restaura datos iniciales para todos los parámetros en el diálogo.
Quitar todo - elimina todos los parámetros y el código personalizado asociado. Indicadores especiales:
Propiedades optativas del objeto están en uso
Propiedades optativas del objeto no están en uso Para modificar las propiedades optativas de un obje to:
1. Haga doble clic en el valor marcado por uno de los iconos o 2. Aparece un nuevo diálogo de Propiedades del objeto. 3. Modifique los valores de los parámetros en la fila. 4. Haga clic en el botón Agregar fila para insertar una nueva fila de valores. 5. Repita los pasos 3, 4 y 5 tantas veces como sea necesario. 6. Haga clic en ACEPTAR para agregar el código optativo al valor editado en el diálogo
principal de Propiedades del objeto. Para quitar las propiedades optativas de un objeto:
1. Haga doble clic en el valor marcado por el icono 2. Aparece un diálogo de Propiedades del objeto.
3. Haga clic en el botón Quitar todo . 4. Haga clic en ACEPTAR para excluir el código optativo del valor editado en el diálogo
principal de Propiedades del objeto. Nota: El número de filas que puede agregarse puede estar limitada por el diseño del objeto. Use el botón Quitar todo para excluir el código optativo del código personalizado Algunos objetos pueden requerir un mínimo de un valor para sus parámetros . Use los botones Subir y Bajar para ordenar las filas como sea necesario. Ver también
Cómo configurar las propiedades del objeto
Cómo agregar comercio electrónico al sitio Web
Cómo crear HTML de origen para Bay
Web Easy puede ser usado para crear código HTML de origen que puede ser pegado dentro de eBay. Es muy importante que usted lea las instrucciones y recomendaciones provistas por eBay para diseñar el HTML a usarse. Varios puntos importantes a tener en cuenta al crear un
411
sitio eBay en Web Easy son: � Use elementos de texto simples/enriquecidos solamente. (No use texto gráfico porque
estos elementos de texto se convertirán en imágenes) � Use solamente colores sólidos como fondos o primeros planos. � No use imágenes (A menos que tenga un conocimiento razonable de HTML y pueda
seguir las instrucciones al pie de página). � No use vínculos a otras páginas o sitios Web. � Tenga solamente una página en su sitio. � No superponga objetos en su página de diseño.
Los pasos para construir un sitio apropiado para eBay son los siguientes: 1. Diseñe su sitio eBay adhiriéndose a los puntos señalados anteriormente y a las direcciones provistas por eBay. 2. Construya su sitio como HTML Simple con Origen para vendedores de eBay seleccionado en las Opciones. 3. Haga clic en ACEPTAR. Web Easy creará ahora el archivo HTML para eBay. 4. Abra el recientemente creado archivo HTML usando un editor de texto, como Bloc de notas. 5. Resalte el texto entre las etiquetas siguientes:
<!-- START HTML source code for eBay sellers -->
<!-- END HTML source code for eBay sellers --> 6. Copie este texto al portapapeles (CTRL+C) 7. En eBay, al agregar un nuevo elemento para vender, usted tiene la oportunidad de editar el Título y la Descripción para el mismo. Si ya hay texto en el campo de Descripción de elemento, usted necesita quitarlo. Usted puede hacer esto presionando CTRL+A para seleccionar todo, luego presionando Suprimir para suprimir el contenido entero. 8. Pegue el nuevo código de origen en el campo de Descripción de elemento presionando CTRL+V. (Esto debería pegar el código de su archivo HTML Web Easy que usted copió en los pasos 5+6) 9. Seleccione Vista previa de descripción para verificar que ha funcionado correctamente. 10. Guarde sus cambios dentro del Asistente de eBay. Usuarios avanzados solamente Aquellos usuarios con un conocimiento avanzado de HTML y de hospedaje de Web pueden incluir imágenes en sus sitios de eBay. Usted necesitará tener un espacio de sitio Web asignado por un servicio de hospedaje de Web donde usted publicará su sitio. Para diseñar y construir un sitio Web con imágenes, apropiado para código de origen HTML para vendedores de eBay, se requieren además algunos pasos adicionales. Usted necesita establecer la ubicación para su Sitio URL Base para que las imágenes en su sitio sean encontradas. Puede hacerlo de la siguiente forma: 1. Abra el Inspector.
¿Cómo? 2. Haga clic en la ficha Propiedades del Inspector. 3. Haga clic en el icono en la parte superior derecha del Inspector y seleccione Documento . 4. Expanda las propiedades del documento en Construir sitio Web.
412
5. Escriba la ubicación en que su sitio será publicado en Sitio URL Base Esto debería serle provisto por su proveedor de servicios de hospedaje Web . Es un URL en el formato de http://www.sudominio.com/misitio/ Después de haber construido su sitio como un HTMLSimple con la opción Origen para vendedores de eBay seleccionada, usted necesita publicar su sitio en el URLde Internet especificado, como el Sitio URL Base . Es importante que usted publique al URL especificado por su proveedor de servicios de hospedaje Web. Su código de Origen para vendedores de eBay puede ahora usar las imágenes que acaba de publicar.
¿Cómo se representan los colores en los sitios Web?
En HTML y CSS los colores se representan usando un número hexadecimal. Desde este número usted puede determinar la cantidad de rojo, verde y azul en el color. #11FF00
� ' #' el carácter que representa el número es hexadecimal. � '11' representa la cantidad de rojo en el color. � 'FF' representa la cantidad de verde en el color. � '00' representa la cantidad de azul en el color.
La cantidad de cada rojo, verde y azul puede oscilar de 00 a FF o cuando se convierte a un decimal entero, de 0 a 255. Usted no necesita saber cómo calcular estos valores. En Web Easy usted puede usar los diálogos de selección de color para seleccionar colores visualmente.
Seleccionar diálogo Color
En varias instancias del software usted necesita seleccionar un color. Este puede ser el color del texto, de una forma, un vínculo de color o el fondo de una imagen transparente. Web Easy tiene dos diálogos de selección de color. Cuando usted instale Web Easy por primera vez, se le presentará en forma predeterminada el diálogo de selección de Color Web Safe (Colores seguros para Web) Este diálogo ha sido diseñado para mostrar la paleta de color de 216 colores de Netscape. Usando estos colores impedirá que los colores se difuminen en los ordenadores que usan presentaciones de color de baja resolución. Los colores en este diálogo son universalmente reconocidos por navegadores de Web y por sistemas operativos de modo que es siempre mejor atenerse a ellos para obtener resultados óptimos. Sin embargo, estos días hay sólo un mínimo número de máquinas usando bajas resoluciones de color. Como la mayoría de la gente ejecuta presentaciones de color de alta resolución., usted todavía puede seleccionar algún color con buenos resultados en casi todos los sistemas operativos y las configuraciones de navegadores. Usted puede hacer esto ya sea escribiendo el color de Web directamente en el cuadro Editar en este diálogo o haciendo clic en el ícono de la paleta de color para abrir el diálogo Seleccionar color estándar de Windowsxxxxxxxxxxxxxxxxxxxxxxxxxx También es posible usar el gotero selector de color para seleccionar cualquier color en su pantalla como el color que usted quiere usar. Para hacer esto;
1. Abra el diálogo de selección Paleta segura de Web . 2. Use el ratón para mover el cursor en cualquier parte de este diálogo .
413
3. Ahora mueva el cursor fuera del diálogo . El cursor debería cambiar a un gotero y permitirle seleccionar cualquier color visible sobre su pantalla. Haga clic con el botón de la izquierda del ratón para seleccionar el color. Como hay dos diálogos alternativos para seleccionar color hay una opción para cambiar el diálogo predeterminado que se muestra. Para cambiar esta opción;
1. Seleccione Opciones... del menú Herramientas . 2. Seleccione la ficha Documentos . 3. En la sección de Trabajando con documentosxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx haga
clic en la checkbox 'Use selector de paleta segura de Web ' para alternar entre esto y el diálogo para seleccionar color estándar de Windows.
Ver también
¿Cómo se representan los colores en los sitios Web? Sugerencia: Si en cualquier momento usted quiere usar el diálogo de selección de color alternativo mantenga presionada la tecla MAYÚS cuando hace clic para hacer aparecer el diálogo. Por ejemplo, si usted está viendo en forma normal el diálogo selector de paleta segura de Web , cuando quiera ir directamente al diálogo para seleccionar color estándar de Windows. mantenga presionada la tecla MAYÚS cuando usted hace clic con el botón del ratón, para abrir el diálogo.
Cómo adjuntar un archivo PDF
Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado. Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el navegador, abierto en otra aplicación o descargado al disco local. Esto depende del navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de archivo que usted adjunte. Los pasos para adjuntar un archivo son los siguientes:
1. Ubique el objeto en la página que contendrá el vínculo al documento PDF.. 2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo . 3. Haga clic en la ficha Internet . 4. Seleccione el Vínculo a: Opción archivo . 5. Explore hasta el nombre de archivo y ruta de acceso. 6. Haga clic en ACEPTAR
Cómo adjuntar un archivo de Word, Excel or Powerpo int
Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado. Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el navegador, abierto en otra aplicación o descargado al disco local. Esto depende del navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de archivo que usted adjunte. Los pasos para adjuntar un archivo son los siguientes:
414
1. Ubique el objeto en la página que contendrá el vínculo al documento de Word, Excel or Powerpoint.
2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo . 3. Haga clic en la ficha Internet . 4. Seleccione el Vínculo a: Opción archivo . 5. Explore hasta el nombre de archivo y ruta de acceso. 6. Haga clic en ACEPTAR
Cómo adjuntar una imagen o foto digital
Usted puede adjuntar cualquier clase de imagen o foto digital en forma de miniatura a su página. Esto permitirá a los usuarios hacer clic en la miniatura que usted adjunta y acceder al archivo original adjuntado. Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el navegador, abierto en otra aplicación o descargado al disco local. Esto depende del navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de archivo que usted adjunte. Los pasos para adjuntar una imagen son los siguientes:
1. Abra el Explorador de archivo y navegue hasta la carpeta con sus fotos. 2. Haga clic en el icono en el Explorador y arrástrelo sobre el espacio vacante sobre su
página.. 3. Mantenga presionado el botón Control [CTRL]. 4. Coloque la foto sobre la página.
El procedimiento anterior creará una pequeña miniatura para representar la imagen original con el tipo de archivo del vínculo. Usted puede inspeccionar el vínculo usando el diálogo Vínculo una vez que el elemento esté seleccionado. Las dimensiones y la posición de la miniatura pueden ajustarse en cualquier momento por medio de operaciones del ratón o con los diálogos Tamaño /Ajustar Use los pasos anteriores para crear rápidamente un Álbum de fotos en su sitio Web.
Cómo adjuntar un archivo de audio MP3
Hay dos métodos para agregar un MP3 u otro audio a su sitio. Método 1 Usando un Vínculo .de Audio . Si usted construye su sitio como un HTML dinámico, esta opción creará un vínculo que causará la reproducción del archivo de audio cuando usted mueva el ratón sobre el vínculo, y la detención de ésta cuando mueva el ratón fuera del vínculo.
Para crear un vínculo de audio:
1. Ubique el objeto en la página que contendrá el vínculo al archivo MP3. 2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo . 3. Haga clic en la ficha Audio . 4. Seleccione el Vínculo a la Opción Efectos de sonido y música .
415
5. Haga clic en el botón Explorar al lado del campo Archivo de audio hasta localizar el archivo MP3 para vincular a él.
6. Haga clic en ACEPTAR Método 2 Usando la opción "Vincular a archivo". Éste es un vínculo normal a un archivo el cual, una vez que se ha hecho clic sobre él, descargará o reproducirá el archivo de audio, dependiendo de las configuraciones del navegador de Web. Para usar la opción Vincular a archivo:
1. Ubique el objeto en la página que contendrá el vínculo al archivo MP3. 2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo . 3. Haga clic en la ficha Internet . 4. Seleccione el Vínculo a la Opción : Archivo . 5. Haga clic en el botón Explorar al lado del campo Nombre de archivo. . 6. Seleccione Archivos de audio en la lista desplegable Tipos de archivo, luego
explore hasta encontrar el archivo al cual vincular 7. Haga clic en ACEPTAR
Cómo adjuntar cualquier clase de archivo a su págin a
Usted puede adjuntar cualquier clase de archivo a un elemento en su página. Esto permitirá a los usuarios hacer clic en el elemento que usted adjunta y acceder al archivo adjuntado. Cuando el usuario hace clic en el elemento, el archivo adjuntado puede ser abierto en el navegador, abierto en otra aplicación o descargado al disco local. Esto depende del navegador que tenga el usuario, las configuraciones de ese navegador de Web y del tipo de archivo que usted adjunte. Los pasos para adjuntar un archivo son los siguientes:
1. Ubique el objeto en la página que contendrá el vínculo al archivo que usted ha adjuntado.
2. Haga clic con el botón derecho del ratón en el objeto, luego haga clic en Vínculo . 3. Haga clic en la ficha Internet . 4. Seleccione el Vínculo a: Opción archivo . 5. Explore hasta el nombre de archivo y ruta de acceso. 6. Haga clic en ACEPTAR
¿Cómo aumento el tamaño de una de mis páginas Web?
Para cambiar el tamaño de la página actual:
1. Haga clic en el botón Editar en la barra de tareas a la izquierda. 2. Haga clic en el icono Página.
416
3. Haga clic en Tamaño en la barra de herramientas superior. 4. Escriba el tamaño nuevo de su página 5. Haga clic en ACEPTAR.
Nota: A todas las páginas se les cambiará el tamaño, no sólo a la página actual. Nota: Si usted no agrega texto o imágenes a la nueva sección de la página con el tamaño aumentado, la nueva medida no se mostrará en el navegador de Web, ya que los navegadores están diseñados para mostrar solamente contenido.
¿Cómo hago para vincular a un punto muy abajo en la página para evitar el largo desplazamiento?
Los pasos a seguir son: 1. Ubique el texto o imágenes desde donde hacer el vínculo (probablemente cerca de la
parte superior de la página). Éste puede ser una lista corta de subtítulos o iconos. 2. Haga clic en el primer elemento de texto o imagen a donde quiera hacer el salto. 3. Elija el diálogo Vínculo. 4. Seleccione la ficha "Internet" y el botón de radio "Código". 5. En el botón de radio"Código", escriba NAME= y dé a su vínculo un nombre único,
encerrado entre comillas, por ejemplo: NAME="referenceA" 6. Haga clic en ACEPTAR 7. Haga clic en elemento de donde quiera hacer el salto. 8. Elija el diálogo Vínculo. 9. Seleccione la ficha: "Navegar el documento", botón de radio "Página". 10. En el cuadro de Título de página, escriba el nombre único que usted acaba de
seleccionar. En este caso, escriba exactamente: referenceA 11. Haga clic en ACEPTAR 12. Repita el proceso anterior para los otros vínculos en esta página. 13. Construya su página y haga su Vista Previa. Pruebe sus vínculos.
Para vincular a una ubicación específica en otra página se sigue un proceso similar al descripto más arriba. Después de nombrar el destino usted puede crear el vínculo a otra página usando la opción "Vincular a sitio WWW ". En el cuadro "Dirección", usted necesita escribir algo similar a lo siguiente: mysite_002.htm#referenceA donde "mysite" es el nombre del paquete de su sitio especificado en la pantalla "Construir sitio Web" , "002" es el número de página y "referenceA" es el destino al cual vincular. Note que cuando usted haga esto, los vínculos no funcionarán en forma de vista previa normal - para verlos en acción, haga lo siguiente:
1. Vaya al menú "Construir" y seleccione "Sitio Web (HTML)". 2. Verifique el cuadro "Ejecutar ahora" y desactive el cuadro "Publicar" . 3. Haga clic en ACEPTAR
¿Por qué no veo los cambios que he hecho a mi sitio Web luego de haberlo cargado?
417
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 Intern et. 3. Haga clic en el botón Eliminar archivos .
Al abrir su sitio Web, mantenga presionado el botón Control [CTRL].presionando también al mismo tiempo el Icono refrescar. Esto ayudará a cargar la última versión.
Asistente de estilo de hoja en cascada (CSS)
El Asistente de estilo de hoja en cascada (CSS) le permite entrar en cualquier estilo personalizado CSS que no esté expuesto por el Inspector. El uso de este diálogo requiere conocimiento acerca de CSS y un uso incorrecto puede impedir que su sitio funcione correctamente. Estos estilos no se mostrarán en su documento Web Easy pero se mostrarán cuando usted vea su sitio Web en un navegador de Web. Este diálogo está diseñado para usuarios avanzados con conocimiento de los estilos y la syntaxis CSS, como se describen en la especificación CSS 2.1. Usted tendrá que visitar el Consorcio de World Wide Web para mayor información sobre el estándar CSS. Un ejemplo de su uso puede ser el de establecer el margen interior para sus objetos de texto de manera que el margen no esté en todos los lados del cuadro de texto. Para obtener esto, agregar el siguiente código al Asistente de CSS: margen interior-izquierda: 10pxs.; margen interior-superior: 20pxs. Entradas en este diálogo pueden reemplazar a los estilos establecidos usando otras entradas en el Inspector. Una lista de palabras claves con un ejemplo de su uso se incluye en la parte superior de este diálogo para su referencia. Ver también
Estilos de Inspector
¿Cómo controlo el comportamiento de las imágenes al exportarlas como porcentaje del ancho de la página?
Hay varias técnicas que le permiten cambiar el comportamiento de las imágenes al exportarlas con las medidas métricas establecidas al porcentaje de la página . Si usted no tiene título HTML aplicado a una imagen, la imagen puede recortarse cuando se muestre en el navegador de Web. Si usted agrega título HTML a una imagen, éste será tratado como un dato importante en su página. Impedirá que su imagen cambie de tamaño o sea recortada. La imagen todavía se moverá de acuerdo con el tamaño de la página, no obstante. Si usted agrega título HTML a una imagen y también un vínculo, la imagen adoptará una
418
escala proporcional cuando la página cambie de tamaño. Esto es útil cuando se crea una barra de navegación porque permite que ésta aparezca en buena forma en cualquier tamaño de página.
Unidades de medida
Usted puede cambiar las unidades que su documento usa para todos los valores de medida cuando está construyendo su sitio. Es importante notar que si cambia los valores para las unidades de medida esto no afectará la forma en que su sitio se presenta dentro de Web Easy. Usted notará la diferencia cuando cuando construya su sitio o haga su vista previa en un navegador de Web.
Estilo Descripción Relativo a tamaño de Fuente Esta opción mide todo lo que está en su página
en forma relativa a la medida de fuente que el usuario seleccionó para su navegador de Web..
Pixeles absolutos Clasifica la página por pixeles, la página es dimensionada de acuerdo con el dispositivo con que será vista.
Puntos absolutos Clasifica la página por puntos usados por CSS 2.1 son igual a 1/72 de una pulgada.
Porcentaje de ancho de página Los elementos sobre la página cambian de tamaño y se mueven relativamente al tamaño de la página. La página solamente será cambiada de tamaño o movida cuando el ancho horizontal de la ventana del navegador cambie.
Usted debe seleccionar un estilo que complemente a su diseño de sitio Web. Sugerencia: Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo. Estas opciones nos están disponibles en sitios Web simples o dinámicos.
Cómo personalizar la lista de los navegadores de We b en el menú de Vista Previa
Cuando usted ejecute Web Easy por la primera vez, el software determinará cuáles son los navegadores Web Easy populares que usted ha instalado en su máquina. Éstos serán agregados al menú desplegable Hacer vista previa con > debajo del menú Construir Si usted tiene un navegador de Web que Web Easy no ha detectado, o si le gustaría agregar cualquier aplicación para hacer vista previa de su sitio, usted puede personalizar la lista en las Opciones de programa. 1. Seleccione Opciones... desde el menú Herramientas . 2. Haga clic en la ficha de Programas en el diálogo de Opciones. 3. Bajo la sección Hacer vista previa con el programa, seleccione el botón de radio Ejecutar. 4. Haga clic en el botón Explorar. 5. Escriba la ruta de acceso para ejecutar la nueva aplicación y el nombre de archivo y escriba
419
un nombre para la aplicación que ha seleccionado. 6. Haga clic en ACEPTAR Sugerencia: Es una buena práctica hacer vista previa con de su sitio Web en tantos navegadores como sea posible.
Propiedades de colores, texturas, degradados, trama s y transparentes
Es importante comprender cómo las propiedades de relleno, fondo, primer plano, textura, degradado y transparente trabajan en conjunto en los distintos elementos. Para elementos de texto simple : El primer plano aplicará el color, degradado, trama o textura a la cara de la fuente. La transparencia determinará si el bloque de texto es transparente o no y el relleno de color determinará el color del bloque de texto, si no es transparente. No es no posible tener una textura, trama o degradado como fondo para elementos de texto simple; para hacer esto use un elemento de texto enriquecido. Si usted convierte un elemento de texto simple a texto enriquecido la configuración de primer plano se usará como fondo. Para elementos de texto enriquecido : El fondo aplicará el color, degradado, trama o textura al fondo del area del bloque de texto. Si usted selecciona un color para el fondo entonces la propiedad transparencia determinará si este color es visible o no. Si usted selecciona un degradado o trama la propiedad transparencia no tendrá efecto porque estos elementos de relleno no tienen áreas transparentes. Si usted selecciona una textura para el fondo entonces la propiedad transparente tendrá efecto solamente si la textura que usted está usando para su fondo tiene un area transparente definida. Los formatos de imagen GIF y PNG son compatibles con regiones transparentes. Si la imagen tiene transparencia y usted desactiva la transparencia entonces usted podrá establecer el color del transparente seleccionando la propiedad de relleno de color. Para formas y fondos de página : A las formas y fondos de página no se les puede establecer transparencia. Si usted selecciona una textura con una transparencia el color de relleno se usará para dibujar la región transparente de la textura.
Diálogo Editar texto
El Diálogo Editar texto le permite escribir o editar el texto que usted quiere para su texto sobre la página. Es un método alternativo para editar el texto directamente sobre la página. Una lista de palabras clave se provee en la parte superior del diálogo, no obstante usted puede escribir y editar cualquier texto.
Configuraciones de degradado
420
El diálogo de configuraciones de degradado le permi te establecer los parámetros para un degradado. Estos parámetros son un color para co menzar y uno para terminar y también el ángulo del degradado. Sugerencia: Para lograr el sitio Web más eficiente usted debería mantener el degradado a un ángulo recto como 90, 180, 270 o 360 grados. Esto permite que Web Easy exporte una imagen pequea y luego permita que el navegador de Web convierta la imagen en efecto mosaico. Esto resultará en que su sitio obtenga descargas en lapsos menores. Si usted pone un degradado a un ángulo diferente sobre un objeto que cubre una área grande esto incrementará el tiempo de descarga de manera significativa.
Explorador de archivo
Web Easy tiene un Explorador de archivo que puede ser mostrado en forma acoplada en la parte inferior de la aplicación. ^Provee exploración completa de los archivos, vista de éstos, y la capacidad de arrastrar y colocar sin que usted tenga que dejar Web Easy para buscar archivos. Es perfecto para usuarios profesionales que tienen grandes cantidades de archivos gráficos, de Web y de multimedia en sus ordenadores. Para obtener ayuda en el uso del Explorador de archivo, seleccione Tópicos de ayuda para Explorador de archivo del menú Ayuda.
Cómo hacer el efecto mosaico en el fondo de una pág ina en sólo una dirección
Usted puede usar CSS personalizado para cambiar el comportamiento de su fondo. Para elementos de texto también le permite agregar margen interior de estilo CSS a su texto. Para hacer que el fondo tenga efecto mosaico solamente en dirección vertical: 1. Abra el Inspector.
¿Cómo? 2. En el Inspector, haga clic en el icono superior derecho y seleccione Página actual . 3. Haga clic en la ficha Estilo . 4. Debajo de la categoría Elemento , busque la entrada CSS personalizado . 5. Haga clic doble en la entrada CSS personalizado para editar el código de CSS personalizado. 6. En el Asistente de Cascading Style Sheet CSS, agregue la línea siguiente
background-repeat: repeat-x; 7. Haga clic en ACEPTAR Sin embargo, el fondo de página se obtendrá efecto mosaico en las dos direcciones, en Web Easy, cuando usted haga vista previa del sitio. El CSS personalizado cambiará el comportamiento de los mosaicos. Para obtener este efecto solamente en la dirección horizontal, siga las direcciones de más
421
arriba pero cambie el texto insertado a background-repeat: repeat-y; Sugerencias
� Para prevenir resultados inesperados usted debería exportar su página como HTML con CSS o XHTML con CSS al usar la funcionalidad de clase de estilo.
Diálogo para modificar tamao y posición
El diálogo para Modificar tamao y posición le permite modificar el tamao y la posición del elemento seleccionado escribiendo los números exactos en vez de arrastrar y colocar el elemento en la página. Use los cuadros de edición Ancho y Alto para cambiar la dimensión del elemento. O use los cuadros de edición Izquierda y Arriba para mover la posición del elemento. Si usted cambia los cuadros de edición Derecha y Abajo entonces la medida de la imagen también cambiará. La checkbox Mantener relación de aspecto asegurará que la dimensión del elemento que usted está cambiando tendrá la misma relación de alto a ancho después de que usted cambia un valor. Por ejemplo, si usted tiene una foto de 640 pixeles de ancho, por 480 pixeles de alto y usted cambia el ancho a 360, entonces el alto cambiará automáticamente a 270 para asegurar que la foto no está fuera de proporción.
Rellenos de trama
Usted puede rellenar el fondo de una forma, texto o página con una trama punteada pre-definida. Elija de una gran selección de tramas provistas por Web Easy. Para rellenar con un relleno de trama:
1. Haga clic en para mostrar la barra de herramientas de Edición.
2. Haga clic en Rellenar en la barra de herramientas de Formas para rellenar una forma o en la barra de herramientas de Página para llenar el fondo de la página.
3. El diálogo Rellenar por color se abre. 4. Haga clic en la ficha Textura para mostrar el diálogo Rellenar con textura. 5. Seleccione los colores del Primer plano y del fondo y la trama. 6. Haga clic en Aceptar para aplicar el relleno de textura.
Nota: Si usted agrega una textura para rellenar el texto - el texto se guardará como una imagen cuando el documento se construya en un sitio Web a menos que usted construya su sitio usando un estilo CSS . El texto que se convierte en una imagen ocupa más espacio de memoria y no puede ser seleccionado y copiado por visitantes.
422
Para cambiar el relleno de trama usando el inspecto r: Un método alternativo para cambiar el relleno de trama es usando el Inspector. Además de cambiar el relleno para las formas y el fondo de página usted también puede cambiar la textura del relleno para textos o campos.
1. Abrir el Inspector.
¿Cómo? 2. En el Inspector, haga clic en el icono superior de la derecha y seleccione Selección . (seleccione página actual para cambiar el fondo de página). 3. Haga clic en la ficha Estilo . 4. Debajo de la categoría Dibujo usted encontrará las entradas que le permitirán cambiar el color de los elementos. Las entradas pueden tener como nombre Primer plano o Fondo dependiendo del tipo de elemento que usted ha seleccionado.
Es importante leer, en Ayuda, la entrada sobre Propiedades de colores, texturas, degradados, tramas y transparentes para tratar de comprender cómo al modificar esta propiedad se afectan otras propiedades. Ver también
Colores, texturas, degradados, tramas y propiedades transparentes
Rellenos de textura
Rellenos de degradado
Rellenos de color
Barra de herramientas de acceso rápido
La barra de herramientas de Acceso rápido tiene varios botones para asistirle a construir su sitio Web. Para abrir o cerrar la barra de herramientas de Acceso rápido, seleccione Barra de herramientas de Acceso rápido desde el menú Ver. Usted puede acoplar este menú a la derecha de Web Easy, o mantenerlo flotante arriba de Web Easy. Las barras de herramientas le permiten acceder rápidamente a las siguientes funciones.
� Vista Previa de sitio Web � Construir sitio Web � Alternar Explorador de archivo � Alternar Inspector � Alternar barra de herramientas de capas � Asistente de texto � Asistente de búsqueda � Modificar clases de estilo � Asistente de código personalizado
