Parallels Web Presence Builder - 11.5 User Manual [es]

Parallels® Panel

Guía del usuario de Parallels Web Presence
Builder 11.5

Revision 1.0

Contenidos

Introducción 3

Familiarizándose con Web Presence Builder ............................................................................... 4

Creación y edición de sitios web 6

Importación de sitios desde Parallels SiteBuilder 4.5 ................................................................... 7

Edición de sitios web ..................................................................................................................... 9

Estructura: Páginas y navegación ...................................................................................... 9

Diseño: Plantillas de diseño, diseño, estilos, combinación de colores y encabezado ..... 12

Contenido: Texto, tablas, imágenes, vídeo, formularios y scripts .................................... 21

Parámetros de configuración y herramientas para webmasters ................................................. 43

Guardado y carga de copias de un sitio web .............................................................................. 48

Publicación de un sitio web en Internet ....................................................................................... 50

Publicación de la copia de un sitio web en Facebook ................................................................. 51

Visualización de estadísticas de visitas al sitio, comentarios y pedidos nuevos en el panel de
información 53

Eliminación de sitios web 55

Web Presence Builder (también denominado editor) es una forma intuitiva y fácil de

En este capítulo:

Familiarizándose con Web Presence Builder .................................................... 4

C A P Í T U L O 1

Introducción

crear sitios web para particulares y pequeñas empresas.
Para empezar a crear un sitio web con Web Presence Builder, primero debe

seleccionar el tema de su sitio web, especificar un nombre para el sitio web y
finalmente seleccionar un idioma. Tenga en cuenta que el idioma que seleccione será
el idioma para el contenido de su sitio web, no para el interfaz del editor. El idioma del
interfaz del editor sólo puede cambiarse mediante su panel de control de hosting.

Se le pedirá que proporcione información acerca de usted para así rellenar el sitio web
automáticamente con la información apropiada. Tenga en cuenta que la información
que proporcione no se guardará ni usará en ningún otro sitio. Esta sólo se usará para
añadir contenido a su sitio web, como por ejemplo en las páginas “Quiénes somos” y

“Contacte con nosotros“. La dirección especificada se utilizará para mostrar su

ubicación en el mapa, en el caso de que decida usar un mapa en su sitio. Más
adelante podrá editar o eliminar esta información en cualquier momento.

Una vez proporcionada la información necesaria, Web Presence Builder genera un
sitio web con un diseño único formado por distintos elementos. Cada vez que se
genera el diseño de un sitio web, se utiliza un conjunto aleatorio de elementos, por lo
que usted puede estar seguro de que el diseño de sitio web nunca va a repetirse.
Además de los diseños generados de forma aleatoria, que están disponibles para su
previsualización inmediata y su correspondiente selección en el editor, le ofrecemos
numerosas plantillas de diseño (en la página 13), que han sido creadas de forma
específica por diseñadores gráficos.

4 Introducción

Familiarizándose con Web Presence Builder

El interfaz del editor de Web Presence Builder está formado por dos partes principales: su
sitio web y el menú principal.

Un sitio web está formado por distintos módulos o elementos. Cada módulo puede editarse
de forma individual. Aquí podrá familiarizarse con los principios básicos de la edición de
módulos de sitio web. Estos principios son similares para todos los módulos.

Cuando añada un módulo a una página, puede escoger si este sólo debe mostrarse en la
página actual (módulo específico para una página) o bien debe mostrarse en todas las
páginas del sitio (módulo a nivel de sitio). Las únicas excepciones son los módulos Buscar,
Publicidad, Logo del sitio, Navegación y Breadcrumbs. Cuando añada los módulos, estos se
añaden a todas las páginas del sitio web.

Para que un módulo sólo se incluya en la página actual, seleccione el módulo en la pestaña
Módulos y arrástrelo a cualquiera de las áreas marcadas con el texto Sólo en esta página. Estas
áreas se encuentran dentro del bloque principal de contenido y al lado de la parte superior
de cada barra lateral.

Para incluir un módulo en todas las páginas del sitio web, seleccione el módulo en la
pestaña Módulos y arrástrelo a cualquiera de las áreas marcadas con el texto En todas las
páginas. Estas áreas se encuentran encima y debajo del bloque principal de contenido, en las
barras laterales, encabezados y pies de página.

Para poner o editar un módulo de sitio web, pase el ratón por encima de la parte del sitio
web que desea cambiar. Podrá ver que aparecerá un marco punteado alrededor del módulo.
Al lado del marco punteado aparecerá un panel de control que le permitirá mover, editar o
eliminar el módulo.

Este marco punteado que aparece alrededor de los módulos de área específica de página
es de color verde, mientras que los módulos de área a nivel de sitio tienen el marco de color
azul.

El menú principal del editor proporciona distintas opciones para la edición del sitio web,
clasificadas en cinco pestañas:

 Módulos. Aquí puede seleccionar los módulos requeridos y arrastrarlos a cualquier parte

de la página para añadir contenido al sitio web.

 Diseño. Aquí puede seleccionar la apariencia y la combinación de colores general de su

sitio web, cambiar colores de distintos elementos y seleccionar las fuentes y el estilo de
los bordes.

 Páginas. Aquí puede añadir y eliminar páginas, cambiarles el nombre, editar la

información meta de las páginas − como puede ser sus descripciones y palabras clave
para ser usadas por los buscadores − o marcar una página como oculta para que así los

visitantes no puedan acceder a ella mediante el menú del sitio.

 Documentos. Aquí puede cargar documentos, imágenes y otros archivos en distintos

formatos a su cuenta de hosting. A continuación puede añadir fácilmente vínculos a
estos documentos a las páginas de su sitio web. Otra opción es conservar los archivos
en la cuenta de hosting para sus propias finalidades.

Introducción 5

 Configuración. Aquí puede editar el nombre, la descripción y las palabras clave de su sitio

web, así como cargar un icono del sitio (lo que denominamos favicones), optimizar el
posicionamiento de su sitio web en los resultados de búsqueda de los buscadores,
conectar su sitio a Google Analytics y añadir una copia de su sitio a una página de
Facebook.

En el menú principal también puede realizar las siguientes acciones:

 Acceder al panel de información para realizar las siguientes operaciones:

 Ver estadísticas acerca de las visitas al sitio web. Las estadísticas son

proporcionadas por Google Analytics.

 Ver los nuevos comentarios publicados por los visitantes del sitio en las páginas de

su sitio web. La funcionalidad de comentarios es proporcionada por Disqus.

 Ver pedidos nuevos de clientes que visiten sus tiendas online. La funcionalidad de

tienda online es proporcionada por Ecwid.

 Guardar y cargar las copias de su sitio web mediante las opciones Guardar y Revertir.
 Acceder al tutorial en vídeo Pasos iniciales de Web Presence Builder, examinar la Guía del

usuario o enviarnos sus comentarios. Para ello, seleccione la opción correspondiente en
el menú Ayuda.

 Publicar su sitio web mediante el botón Publicar.
 Descartar cualquier cambio realizado en el sitio y empezar a crear el sitio de nuevo

seleccionando Más > Iniciar de nuevo. Esta acción no elimina la copia del sitio ya
publicada.

 Eliminar un borrador del sitio web actual del editor seleccionando Más > Eliminar sitio. Esta

acción no elimina la copia del sitio ya publicada.

Para su comodidad, usted puede arrastrar el menú principal a cualquier parte de la página e
incluso puede minimizarlo.

También puede acceder a todas las opciones del menú principal en el menú contextual en
cualquier parte de la página. Para abrir el menú contextual, haga clic en el botón secundario
del ratón.

Con el fin de simplificar la creación de un sitio web, Web Presence Builder pone a su

En este capítulo:

Importación de sitios desde Parallels SiteBuilder 4.5 ........................................ 7

Edición de sitios web ......................................................................................... 9

Parámetros de configuración y herramientas para webmasters ........................ 43

Guardado y carga de copias de un sitio web ..................................................... 48

Publicación de un sitio web en Internet ............................................................. 50

Publicación de la copia de un sitio web en Facebook ........................................ 51

C A P Í T U L O 2

Creación y edición de sitios web

disposición un conjunto predefinido de temas de sitio web. Cuando empiece a crear un
sitio web, escoja el tema más apropiado en su caso y Web Presence Builder generará
un sitio web con contenido específico para este tema. Por ejemplo, incluirá una
plantilla de lista de precios para una tienda o una galería de imágenes para el sitio web
de un artista gráfico. Si no encuentra ningún tema que dé respuesta a sus
necesidades, póngase en contacto con su proveedor de servicios y pídale que cree la
plantilla correspondiente y que la añada a la lista de temas disponibles.

Cuando empiece a crear un sitio web, Web Presence Builder también le pedirá que
indique la información relacionada con usted o su empresa. Web Presence Builder
añadirá esta información de forma automática a determinadas páginas, como por
ejemplo en las páginas Quiénes somos y Contacte con nosotros.

Nota: Web Presence Builder no restaurará ni usará esta información para nada más
que no sean las páginas de su sitio web. Más adelante puede editar o eliminar esta
información.

 Para empezar a crear un sitio web:

1. Vaya a Web Presence Builder.

2. Seleccione un tema para el sitio web.

3. Introduzca el nombre del sitio web y seleccione el idioma del mismo.

4. Proporcione la información necesaria para rellenar su sitio de forma

automática.

5. Haga clic en Crear sitio.

Creación y edición de sitios web 7

Importación de sitios desde Parallels
SiteBuilder 4.5

Si dispone de un sitio creado con Parallels SiteBuilder 4.5, puede importarlo a Web
Presence Builder.

Nota: No se soporta la importación de sitios desde versiones anteriores de SiteBuilder
u otros sistemas de gestión del contenido.

Si creó su sitio usando una versión anterior de SiteBuilder (4.4 o una versión previa) y
desea transferir su sitio, puede hacer lo siguiente:

 Ponerse en contacto con su proveedor de hosting y pedirle que actualice su cuenta

a la versión más reciente de Web Presence Builder.

 Transferir su sitio manualmente copiando y pegando el contenido.
Durante la importación del sitio, la mayor parte de la estructura y del contenido del sitio

puede transferirse correctamente. De todas formas, no podemos garantizar la
transferencia de todo el contenido.

En la mayoría de los casos, los elementos detallados a continuación se importan
correctamente:

 Mapa del sitio.
 Páginas estáticas, incluyendo vínculos e imágenes en los módulos de texto. Tenga

en cuenta que los bloques de texto que tengan un tamaño superior a los 30
kilobytes pueden resultar cortados. Por este motivo, puede que algunas partes del
texto estén ausentes.

 Banner (si no se trata de una imagen personalizada).
 Eslogan, nombre del sitio.
 Logo (si no se trata de una imagen personalizada).
 Texto al pie de página.
 Info meta (palabras clave y descripción).

Los demás módulos sólo pueden importarse como widgets de texto con contenido
estático, vínculos e imágenes. Los botones no funcionarán. La estructura de la galería
de imágenes puede importarse sin imágenes.

 Si desea importar un sitio desde SiteBuilder 4.5:

1. Abra el editor de Web Presence Builder y, en la pantalla de selección
del tema, haga clic en Importar sitio desde SiteBuilder 4.5.

2. Introduzca la dirección de Internet (nombre de dominio) del sitio que
desea importar. Por ejemplo: http://example.com.

3. Seleccione la casilla para confirmar que es consciente de que existan
incidencias de importación y haga clic en Importar sitio.

8 Creación y edición de sitios web

4. Una vez importado el sitio, revíselo y edítelo si es necesario (en la
página 9). Usted puede comparar la versión importada del sitio con su
sitio original y añadir manualmente aquella información que no haya
sido transferida.

5. Una vez haya realizado todas las modificaciones pertinentes, publique
el sitio en su cuenta de cliente (en la página 50).

Si está publicando un sitio nuevo en el mismo espacio web donde estaba alojado su
sitio creado con Parallels SiteBuilder 4.5, se sobrescribirá el sitio anterior.

Creación y edición de sitios web 9

Edición de sitios web

En esta sección:

Estructura: Páginas y navegación ..................................................................... 9

Diseño: Plantillas de diseño, diseño, estilos, combinación de colores y encabezado

.......................................................................................................................... 12

Contenido: Texto, tablas, imágenes, vídeo, formularios y scripts ...................... 20

En esta sección:

Adición y eliminación de páginas ....................................................................... 10

Adición y eliminación de enlaces de navegación ............................................... 12

En Web Presence Builder puede cambiar prácticamente cualquier elemento de su sitio web.

La mayoría de los elementos se cambian insitu − usted abre la página donde se usa el

elemento, lo edita y ve el resultado al instante. Los elementos a nivel de sitio como los
bloques Buscar y Publicidad se cambian en un sitio pero los cambios se aplican en cada una
de las páginas de su sitio web.

Nota: Si está utilizando Internet Explorer, es sumamente recomendable evitar el uso del
zoom del navegador para cambiar el tamaño del texto que se muestra en la ventana de su
navegador. Tenga en cuenta que los sitios web en Web Presence Builder funcionarán y se
visualizarán mejor en zoom normal (100%).

Estructura: Páginas y navegación

Esta sección describe cómo añadir páginas a un sitio, definir su ubicación en la estructura
del sitio y añadir enlaces de navegación.

10 Creación y edición de sitios web

Adición y eliminación de páginas

Su sitio puede tener dos niveles de páginas anidadas. El número total de páginas que puede
crear varía en función de su plan de hosting. El editor le informará cuando haya alcanzado el
número máximo asignado de páginas: En el botón Añadir página se mostrará un icono con el
signo del dólar ($).

 Para añadir una página a su sitio web:

1. Vaya a la pestaña Páginas.

2. Haga clic en Añadir página. La página nueva aparecerá destacada en color

verde.

3. Posicione la página nueva arrastrándola al sitio deseado o haciendo clic en
las flechas pertinentes.

4. Especifique el nombre de la página.

5. Proporcione una descripción concisa del contenido de la página − que se

mostrará en las páginas de los resultados de búsquedas − y las palabras

claves a través de las cuales podrá encontrarse la página mediante los
buscadores.

Nota: Nombre de página y Nombre de vínculo de página son campos obligatorios. Los campos
Descripción y Palabras clave son opcionales. Si especifica palabras clave para una página,

estas deberían separarse por comas y no contener espacios en blanco.

6. Si desea que esta página no sea visible para los visitantes de su sitio web,
seleccione la casilla Página oculta.

7. Si desea limitar el acceso a la página con autenticación mediante
contraseña, seleccione la casilla Página protegida y especifique un nombre de
usuario y una contraseña.

8. Haga clic en ACEPTAR para guardar los cambios.

 Para cambiar la ubicación o las propiedades de una página:

1. Vaya a la pestaña Páginas.

2. Seleccione la página que desea editar.

3. Cambie el posicionamiento de la página arrastrándola al sitio deseado o

haciendo clic en las flechas correspondientes.

4. Especifique el nombre de la página.

5. Edite o elimine la descripción concisa del contenido de la página − que se

mostrará en las páginas de los resultados de búsquedas − y las palabras

claves a través de las cuales podrá encontrarse la página mediante los
buscadores.

Creación y edición de sitios web 11

Nota: Nombre de página y Nombre de vínculo de página son campos obligatorios. Los campos
Descripción y Palabras clave son opcionales. Si especifica palabras clave para una página,

estas deberían separarse por comas y no contener espacios en blanco.

6. Si desea que esta página no sea visible para los visitantes de su sitio web,
seleccione la casilla Página oculta.

7. Si desea limitar el acceso a la página con autenticación con contraseña,
seleccione la casilla Página protegida y especifique un nombre de usuario y
una contraseña.

8. Haga clic en ACEPTAR para guardar los cambios.

 Para eliminar una página de su sitio web:

1. Vaya a la pestaña Páginas.

2. Seleccione la página que desea eliminar.

3. Haga clic en Eliminar página.

4. Haga clic en ACEPTAR para guardar los cambios.

12 Creación y edición de sitios web

Adición y eliminación de enlaces de navegación

En esta sección:

Selección de una plantilla de diseño de sitio web .............................................. 13

Cambio de la apariencia de su sitio web ........................................................... 15

Selección de los colores, imágenes de fondo, fuentes y estilos para esquinas y

márgenes de un sitio web .................................................................................. 17

Cambio de los elementos del encabezado del sitio web .................................... 19

Por omisión, arriba o debajo del encabezado de su sitio se incluye una barra de navegación
horizontal con enlaces a las páginas del sitio. Esta se actualiza automáticamente cada vez
que usted añade, modifica, mueve o elimina páginas del sitio.

Si en el sitio utiliza barras laterales, la barra horizontal debajo del encabezado sólo incluirá
enlaces a las páginas de primer nivel y las barras laterales mostrarán los enlaces a las
páginas de segundo y tercer nivel.

Usted puede mover los bloques de navegación arrastrándolos a otras áreas del sitio.
Para cada bloque de navegación, usted puede especificar qué niveles de páginas deberían

incluirse en el menú, cambiar la alineación del menú (por ejemplo, mostrarlo en medio de la
página en vez de la alineación predeterminada a la izquierda) y cambiar el color, estilo y
tamaño de la fuente usada para los enlaces. Para cambiar cualquiera de estas opciones,
sitúe el puntero del ratón sobre un bloque de navegación y haga clic en Editar.

Si ocasionalmente elimina un bloque de navegación, puede volverlo a insertar. Para ello,
vaya a la pestaña Módulos, seleccione Navegación y arrastre el bloque a la área de la página
donde desea añadirlo. El bloque de navegación se insertará en todas las páginas del sitio
web.

Para la comodidad de los visitantes de su sitio, también puede desear añadir lo que se
denominan bloques de navegación breadcrumb. La navegación breadcrumb es una cadena
de enlaces que representa la ruta del usuario desde la página principal del sitio a una página
actual. Para añadir un bloque de navegación breadcrumb, vaya a la pestaña Módulos,
seleccione Breadcrumbs y arrastre el módulo al área en la página donde desea añadirlo. El
bloque de navegación se insertará en todas las páginas del sitio web.

Diseño: Plantillas de diseño, diseño, estilos, combinación
de colores y encabezado

En esta sección se describe el procedimiento a seguir para cambiar el diseño, la
combinación de colores y los elementos de encabezado del sitio.

Creación y edición de sitios web 13

Selección de una plantilla de diseño de sitio web

Cuando se genera un sitio web nuevo, el editor aplica una plantilla de diseño aleatoria al
sitio. Una plantilla de diseño es una combinación de elementos de sitio web (banner, pie de
página, barras laterales), opciones de presentación de página y colores.

El editor proporciona una selección de 24 plantillas de diseño, 16 de las cuales se generan
de forma aleatoria y 8 son creadas especialmente por diseñadores gráficos para Web
Presence Builder.

Puede revisar la lista de plantillas de diseño y seleccionar el diseño que mejor se adapte a
sus necesidades o bien ajustar el diseño y los colores de los elementos del sitio web de
forma individual, tal y como se describe más adelante en este documento.

También puede crear sus propias plantillas de diseño y guardarlas en archivos ZIP,
cargarlas al editor y aplicarlas a los sitios web.

Selección y aplicación de una plantilla de diseño

Nota: Cuando aplique una plantilla de diseño, todos los módulos y elementos a nivel de sitio
se sobrescriben junto con el contenido que puedan incluir.

 Para seleccionar una plantilla de diseño y aplicarla a un sitio:

Vaya a la pestaña Diseño > Plantillas, seleccione la plantilla deseada y haga clic en ACEPTAR.
Los diseños generados de forma aleatoria se detallan en la sección Generados y las plantillas

preparadas por los diseñadores se enumeran en la sección Especial.

Preparación de una plantilla de diseño personalizada

Las opciones y elementos de sitio que pueden guardarse en una plantilla de diseño son los
siguientes:

 El diseño del sitio web: la ubicación y el tamaño del encabezado, el pie de página, los

áreas de contenido y las barras laterales.

 La imagen del banner.
 Todos los módulos a nivel de sitio.
 La combinación de colores o los colores seleccionados de forma individual.
 Las fuentes.
 La información acerca de los márgenes y formas de las esquinas de los elementos de la

página.

 Para crear una plantilla de diseño personalizada:

1. Ajuste el diseño y la presentación tal y como se describe en Cambio de la
apariencia de su sitio web (en la página 15) y Selección de colores, fuentes, estilos de
bordes y esquinas del sitio web (en la página 17).

14 Creación y edición de sitios web

2. Añada los módulos a nivel de sitio necesarios y un banner, tal y como se
describe en el capítulo Contenido: Texto, tablas, imágenes, vídeo,
formularios y scripts (en la página 20) y en la sección Cambio de los
elementos del encabezado de un sitio web (en la página 19).

3. Guarde la plantilla de diseño: Vaya a la pestaña Diseño y haga clic en Exportar
diseño.

Importación y aplicación de una plantilla de diseño personalizada

Nota: Cuando importe y aplique una plantilla de diseño, todos los módulos y elementos a
nivel de sitio incluidos en el sitio son sobrescritos junto con el contenido que estos pudieran
incluir.

 Para cargar y aplicar una plantilla de diseño:

1. Vaya a la pestaña Diseño y haga clic en Importar diseño.

2. Seleccione el archivo ZIP que contiene la plantilla de diseño.

Creación y edición de sitios web 15

Cambio de la apariencia de su sitio web

El diseño de su sitio web puede estar formado por los siguientes elementos:
 Encabezado. Se trata de la área que aparece en la parte más superior del sitio, donde

suele situarse un logo o un banner de la empresa. En los encabezados puede realizar
las siguientes acciones:

 Mover el logo y la imagen del banner de la área del encabezado a cualquier parte de

la página.

 Reducir la altura del encabezado a 25 píxeles eliminando todos los elementos del

mismo.

 Cambiar el ancho del encabezado del valor predeterminado a 100%, para que así se

amplíe para adaptarse al ancho de la página.

 Área de contenido. Se trata de la parte principal de un sitio web y es donde se encuentra la

mayor parte del contenido. En la área de contenido puede realizar las siguientes
acciones:

 Ajustar la altura de la área de contenido.
 Dividir la área de contenido en distintas columnas. Para ello, arrastre los módulos

nuevos a la parte más a la derecha o a la izquierda de la área de contenido e inserte
los módulos.

 Cambiar la ubicación de las columnas en la área de contenido moviendo el contenido

a la izquierda o a la derecha.

 Barras laterales. Se trata de columnas verticales que pueden usarse para añadir todo tipo

de módulos, tanto a nivel de sitio como a nivel de página. En las barras laterales puede
realizar las siguientes acciones:

 Añadir una barra lateral y situarla a la izquierda o a la derecha de la área de

contenido.

 Añadir dos barras laterales. Estas se situarán a la izquierda y a la derecha de la área

de contenido.

 Ajustar la altura y el ancho de las barras laterales.
 Mover las barras laterales a la parte superior de la página y situarlas a la izquierda o

a la derecha de la área del encabezado.

 Cambiar la ubicación de las barras laterales.

 Pie de página. Se trata de la área que aparece en la parte más inferior, donde suele

ponerse el nombre de la empresa, la información de contacto o una advertencia de
copyright. En el pie de página puede realizar las siguientes acciones:

 Reducir la altura del pie de página a 25 píxeles eliminando todos los elementos del

mismo.

 Cambiar el ancho del pie de página del valor predeterminado a 100%, para que así

se amplíe para adaptarse al ancho de la página.

 Bloque de publicidad debajo del pie de página. En función de su plan de hosting, debajo del

pie de página del sitio web puede aparecer un bloque de texto adicional que contenga
algún tipo de publicidad de su proveedor de hosting. Si en su sitio aparece dicho bloque,
puede que desee actualizar a otro plan de hosting para así poder eliminarlo.

16 Creación y edición de sitios web

 Para cambiar el diseño de su sitio:

1. Vaya a la pestaña Diseño > pestaña Apariencia.

2. Seleccione el número de barras laterales: Debajo de Barras laterales,

seleccione No, Una o Dos.

3. Seleccione la ubicación de las barras laterales:

 Si desea mover una barra lateral a otra parte de su sitio web o desea cambiar la

ubicación de las barras laterales (si en su sitio tiene dos barras laterales), haga clic
en Cambiar barras laterales.

 Si desea mover las barras laterales a la parte superior de la página, haga clic en ellas

en el modelo de diseño.

4. Defina el tamaño de los elementos de la página:

 Para establecer el ancho total de las páginas del sitio web, debajo de Ancho de sitio

web, seleccione una de las siguientes opciones:

 Diseño fijo: su sitio web tendrá un tamaño específico sea cual sea el tamaño de la

ventana del navegador con el que se está visualizando la página. En este caso es
necesario especificar el ancho de su sitio web en píxeles.

 Diseño líquido: se basa en porcentajes del tamaño de la ventana del navegador

actual. En este caso es necesario especificar el ancho de su sitio web como un
porcentaje del tamaño de la ventana del navegador.

 Para cambiar el ancho del encabezado, el pie de página y la área de contenido

principal para así ajustarse al ancho de la página, haga clic en los elementos
correspondientes en el modelo de diseño.

 Debajo de Altura mínima de la columna en píxeles, especifique la altura de la área de

contenido principal y de cada barra lateral, si ha optado por usarlas.
Este valor muestra la altura de los elementos de su sitio web sin contenido. Cuando

añada contenido a la área principal de contenido y a las barras laterales, se ajustará
su altura para adaptarse al contenido.

 Con el fin de garantizar que las barras laterales y la área de contenido se alinean de

forma vertical, seleccione la casilla Extender las barras laterales y el área de contenido hacia
el pie de página.

 Si usa una o más barras laterales, especifique el ancho de cada barra lateral en

Ancho de la barra lateral en píxeles. El tamaño de la área principal de contenido se

determinará de forma automática.

 En Tamaños de margen en píxeles, especifique el tamaño de los márgenes verticales y

horizontales. Un margen es el espacio entre los extremos de los elementos
colindantes.

5. Haga clic en ACEPTAR para guardar los cambios.

Creación y edición de sitios web 17

Selección de los colores, imágenes de fondo, fuentes y estilos para
esquinas y márgenes de un sitio web

La combinación de colores general de su sitio web se compone de cuatro colores. Cada
color se usa para múltiples elementos del sitio web. Puede ajustar los colores de elementos
individuales en la pestaña Diseño > Colores.

 Para seleccionar la combinación de colores general para su sitio web:

1. Vaya a la pestaña Diseño > pestaña Esquema.

2. En el menú, seleccione la combinación de colores o el estilo de su sitio web.

Podrá ver los cuatro colores usados en la combinación de colores de su sitio web.

3. Para ajustar uno de los colores de la combinación de colores de su sitio
web, haga clic en el campo de color respectivo y cambie el valor del código
de color hexadecimal o seleccione un color con el selector de colores.

Nota: Los cambios invalidarán cualquier cambio realizado anteriormente en los colores
de elementos individuales mediante la pestaña Colores.

4. Haga clic en ACEPTAR para guardar los cambios.

 Para establecer los colores o imágenes de fondo para elementos individuales

del sitio web:

1. Vaya a la pestaña Diseño > pestaña Colores.

2. Seleccione el elemento del sitio web en el menú Área de página.

3. En el menú Color o imagen, haga clic en la flecha.

4. Realice cualquiera de las siguientes acciones:

 Para rellenarlo con un color sólido, deje la opción Color sólido seleccionada y

seleccione un color con el selector de colores.

 Para rellenarlo con un color degradado, seleccione la opción Degradado y a

continuación seleccione uno de los patrones de la librería.

 Para rellenarlo con una imagen de fondo, seleccione la opción Imagen, seleccione un

patrón de la librería o haga clic en Cargar para cargar la imagen deseada. Especifique
dónde debe situarse la imagen y si desea mostrarla en mosaico.

5. En el caso de elementos con texto, ajustes los colores de la fuente haciendo
clic en el campo de color respectivo y editando el código de color
hexadecimal o bien seleccionando un color con el selector de colores.

Nota: La modificación del estilo en la pestaña Esquema anulará los cambios realizados en
la pestaña Color.

6. Haga clic en ACEPTAR para guardar los cambios.