Parallels Web Presence Builder 11.5 Guía del usuario
- Categoría
- Software de gráficos
- Tipo
- Guía del usuario
Revision 1.0
Parallels
®
Panel
Guía del usuario de Parallels Web Presence
Builder 11.5
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
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.
En este capítulo:
Familiarizándose con Web Presence Builder .................................................... 4
C A P Í T U L O 1
Introducción
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
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.
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
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 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%).
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
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.
En esta sección:
Adición y eliminación de páginas ....................................................................... 10
Adición y eliminación de enlaces de navegación ............................................... 12
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
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.
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
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.
18 Creación y edición de sitios web
Para seleccionar fuentes para encabezados y texto del cuerpo de su sitio web:
1. Vaya a la pestaña Diseño > pestaña Fuentes.
2. En los menús, seleccione la fuente y el tamaño para cada tipo de fuente.
3. En el caso de los encabezados, seleccione la decoración de la fuente.
Puede usar negrita (el icono B) y cursivas (el icono I).
Nota: La configuración aplicada aquí sólo define las reglas generales para las fuentes de
su sitio web. Usted siempre puede ajustar las fuentes de elementos individuales insitu.
4. Haga clic en ACEPTAR para guardar los cambios.
Para seleccionar la forma de las esquinas (cuadradas o redondeadas) de los
elementos del sitio web:
1. Vaya a la pestaña Diseño > pestaña Esquinas.
2. En el menú Área de página, seleccione el elemento cuyas esquinas desea
cambiar.
3. Realice cualquiera de las siguientes acciones:
Si desea que las esquinas sean redondeadas, seleccione las casillas
correspondientes.
Si desea que las esquinas sean cuadradas, deseleccione las casillas
correspondientes.
4. Haga clic en ACEPTAR para guardar los cambios.
Para seleccionar bordes para elementos del sitio web:
1. Vaya a la pestaña Diseño > pestaña Bordes.
2. En el menú Borde de contenedores interno, seleccione el tipo de borde para los
elementos presentes en su sitio web.
3. Seleccione los elementos que presentarán el borde.
Nota: Aunque sólo puede seleccionar un tipo de borde interno para todos los elementos
presentes en su sitio web, puede seleccionar si el borde se utilizará para determinados
elementos.
4. Seleccione el borde externo para su sitio web en el menú Borde de sitio
externo.
5. Haga clic en ACEPTAR para guardar los cambios.
Creación y edición de sitios web 19
Cambio de los elementos del encabezado del sitio web
El encabezado de un sitio está formado por los siguientes elementos:
Banner. En el banner puede realizar las siguientes acciones:
Cargar su propia imagen de banner o un archivo flash en formato SWF.
Seleccionar y aplicar un banner de la librería de Web Presence Builder.
Eliminar el banner y usar un fondo rellenado con un color o imágenes.
Eliminar el banner y todos los demás elementos del área de encabezado para así
reducir su altura a 25 píxeles.
Mover el banner al área de contenido y situarlo en una página específica o bien en
todas las páginas del sitio web.
Nota: Tenga en cuenta que sólo puede utilizar un banner por sitio. Si decide situarlo
en una página específica, no podrá añadirlo a las demás páginas del sitio web.
Por este motivo, le recomendamos que lo sitúe en los áreas a nivel de sitio.
Imagen de logo. En el logo puede realizar las siguientes acciones:
Cargar su propia imagen de logo o un archivo flash en formato SWF.
Mover el logo del área de encabezado a otras partes de las páginas web, como por
ejemplo las barras laterales y el área de contenido.
Insertar cualquier número de imágenes de logo en los áreas a nivel de sitio.
Redimensionar el logo especificando las dimensiones deseadas en píxeles o
arrastrando los lados y esquinas de la imagen con el puntero de un ratón.
Eliminar el logo.
Nombre del sitio. Este suele contener el nombre de la empresa o una breve descripción
como “Recetas de Juan”.
Eslogan del sitio. Generalmente incluye una descripción de su sitio o un eslogan de la
empresa.
Para cambiar la imagen del banner u otros elementos del encabezado (logo,
nombre del sitio o eslogan):
1. Haga clic en la imagen del banner.
2. Seleccione la opción Usar una imagen y a continuación haga clic en el imagen
en el menú Lista de imágenes.
3. Realice cualquiera de las siguientes acciones:
Si desea utilizar una imagen de la librería, selecciónela. Para buscar imágenes,
introduzca una palabra clave en el cuadro de entrada.
Si desea utilizar otra imagen o un archivo flash en formato SWF, haga clic en Cargar y
seleccione el archivo que desee usar. Las imágenes deberían estar en formato GIF,
JPEG y PNG y preferiblemente no deberían tener un ancho superior a los 900
píxeles.
4. Si desea escalar un banner para adaptarlo al área del encabezado,
seleccione la casilla Ajustar tamaño de imagen.
20 Creación y edición de sitios web
5. En Mostrar elementos de banner, seleccione las casillas correspondientes
a los elementos que desea mostrar en el encabezado.
6. Si desea eliminar una imagen de logo o cargar su propio logo, haga clic en
la imagen de logo.
7. Si desea cambiar el nombre del sitio o el eslogan, haga clic en los campos
correspondientes en el encabezado y cámbielos según su conveniencia.
Para simplificar la visualización del eslogan o nombre del sitio, seleccione la casilla
Contorno. Esto añade un contorno blanco o negro alrededor del texto de un píxel de
ancho. Si el color de la fuente en el eslogan o nombre del sitio es negro, el contorno será
blanco y viceversa.
Tenga en cuenta que puede mover los bloques con el nombre, descripción y logo del
sitio web a su conveniencia dentro del área del encabezado.
Si ocasionalmente eliminara el banner, puede volverlo a insertar.
Para eliminar el banner:
Haga clic en el banner, seleccione la opción No usar una imagen y especifique el peso del
bloque de encabezado en píxeles. Haga clic en ACEPTAR.
Para insertar un banner:
Vaya a la pestaña Módulos, seleccione Banner y arrastre el módulo a cualquiera de los áreas
a nivel de sitio de la página donde desee añadirlo.
Para insertar un logo:
Vaya a la pestaña Módulos, seleccione Logo del sitio y arrastre el módulo a cualquiera de los
áreas a nivel de sitio de la página donde desea añadirlo. Puede cargar una nueva imagen de
logo o un archivo Flash en formato SWF y alinearlo a la izquierda, derecha o al centro.
También puede redimensionar la imagen del logo especificando las dimensiones deseadas
en píxeles o arrastrando los lados y esquinas de la imagen con el puntero de un ratón.
Nota: Cuando redimensiona la imagen con el puntero de un ratón, la opción para conservar la
relación de aspecto original se desactiva de forma automática.
Creación y edición de sitios web 21
Contenido: Texto, tablas, imágenes, vídeo, formularios y
scripts
Esta sección describe cómo añadir contenido a su sitio y cómo mejorarlo mediante útiles
funciones proporcionadas por los módulos del editor.
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 dividir la área de contenido en columnas e insertar un módulo en una de ellas,
arrastre el módulo al extrema derecho o izquierdo de la área de contenido e insértelo.
Tenga en cuenta que las áreas de la barra lateral no pueden dividirse en columnas.
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.
El número de módulos que puede añadir a un sitio web varía en función de su plan de
hosting. El editor le informará cuando haya usado el número máximo asignado de módulos:
sobre los iconos del módulo en la barra de herramientas del editor se mostrarán iconos con
el signo del dólar ($).
En esta sección:
Texto, tablas, hipervínculos, archivos Flash e imágenes ................................... 22
Galería de imágenes ......................................................................................... 27
Control deslizante de imágenes ........................................................................ 29
Vídeo incrustado ............................................................................................... 31
Formulario de contacto ...................................................................................... 31
Blog ................................................................................................................... 32
Comentarios ...................................................................................................... 35
Documentos y otros archivos descargables ...................................................... 37
Botones para la compartición en redes sociales ................................................ 38
Búsqueda en un sitio ......................................................................................... 38
Tienda online ..................................................................................................... 39
Mapa ................................................................................................................. 40
Scripts personalizados ...................................................................................... 42
Publicidad.......................................................................................................... 42
22 Creación y edición de sitios web
Texto, tablas, hipervínculos, archivos Flash e imágenes
Antes de empezar a preparar el contenido de un sitio web, le recomendamos seleccionar el
idioma apropiado para el sitio web en la pestaña Configuración > Idiomas > menú Idioma del
sitio web.
El idioma del sitio web es una opción a nivel de sitio que define el idioma en el que añadirá
el contenido a su sitio web. Esto afecta a lo siguiente:
El idioma en que se mostrarán ciertos elementos del sitio web (en particular aquellos
proporcionados por servicios de terceros), como puede ser la búsqueda de Google y los
botones de navegación en galerías de imágenes. Tenga en cuenta que no todos los
módulos y servicios de terceros proporcionados por el editor soportan todos los idiomas
disponibles.
La dirección en la que tecleará el texto en el editor (de izquierda a derecha o de derecha
a izquierda). Si selecciona un idioma que se escribe de derecha a izquierda, el diseño y
el contenido de su sitio web permitirá RTL.
Nota: El cambio de idioma de un sitio web no vuelve a cargar el tema de sitio web
seleccionado en este momento en otro idioma. El idioma del tema permanecerá intacto,
aunque la orientación del texto sí que cambiará.
Para añadir texto, listas, tablas o imágenes a una página:
1. Vaya a la pestaña Módulos, seleccione Imágenes y texto y arrastre el módulo a
la página.
Para añadir un bloque con texto e imágenes a la página actual, arrastre el módulo a
cualquiera de los áreas marcadas con el texto Sólo en esta página. Estos áreas se
encuentran dentro del bloque principal de contenido y al lado de la parte superior de
cada barra lateral.
Para dividir el área de contenido en columnas e insertar un bloque en una de ellas,
arrastre el módulo al extremo derecho o izquierdo del área de contenido e insértelo.
Tenga en cuenta que los áreas de la barra lateral no pueden dividirse en columnas.
Para añadir un bloque con texto e imágenes a todas las páginas del sitio, arrastre el
módulo a cualquiera de los áreas marcadas con el texto En todas las páginas. Estos
áreas se encuentran encima y debajo del bloque principal de contenido, en las barras
laterales, encabezados y pies de página.
2. Introduzca el texto en la pantalla y use los iconos presentes en la barra de
herramientas del módulo para dar formato al texto, añadir tablas,
hipervínculos e imágenes.
La barra de herramientas del módulo Imágenes y texto proporciona acceso a las herramientas
y funciones descritas a continuación.
Creación y edición de sitios web 23
1. Mover el bloque de texto e imágenes dentro de la página web.
2. Eliminar el bloque con sus contenidos.
3. Guardar los cambios.
4. Cancelar los cambios realizados.
5. Mover la barra de herramientas.
6. Seleccionar el estilo de párrafo y la fuente. Tenga en cuenta que la fuente Terminal no
es soportada por Google Chrome.
7. Seleccionar el tamaño de la fuente.
8. Seleccionar el estilo de la fuente: negrita, cursiva, subrayado y tachado.
9. Seleccionar los colores de fondo y del texto.
10. Seleccionar la alineación del texto: izquierda, centro, derecha o justificado (alineado
tanto en ambos márgenes izquierdo y derecho con espacios adicionales añadidos entre
palabras).
11. Aumentar y reducir el nivel de sangría del párrafo.
12. Iniciar una lista numerada o con viñetas.
13. Insertar una tabla y especificar el número de filas y columnas.
Una vez haya insertado una tabla, en la barra de herramientas aparecerá un número de
iconos adicionales. Úselos para cambiar las propiedades de las files y celdas de la tabla,
para insertar y eliminar filas y columnas o para dividir y combinar celdas de la tabla.
14. Insertar símbolos que no estén presentes en su teclado, como los signos de copyright y
marca registrada y otros símbolos Unicode.
15. Insertar una línea horizontal.
16. Editar el código fuente HTML de la página.
17. Deshacer y rehacer cambios.
18. Insertar un objeto Flash en formato SWF.
19. Insertar una imagen, ajustar su tamaño, especificar una descripción y ajustar el texto.
24 Creación y edición de sitios web
Puede optar por mostrar la descripción debajo de la imagen, mostrarla encima de la
imagen únicamente cuando los usuarios pasen el ratón encima de la imagen o bien no
mostrarla. La descripción también actúa como texto alternativo: en aquellos navegadores
que no soporten o no estén configurados para mostrar imágenes, se mostrará la
descripción de la misma.
Si desea insertar muchas fotografías en una única página, considere usar el módulo
Galería de imágenes en vez del módulo Texto e imágenes. A través de la Galería de imágenes,
usted puede cargar fotografías de su ordenador local o usar fotografías publicadas en el
servicio de compartición de fotos Picasa Web Albums. Si desea más información acerca
del módulo Galería de imágenes, consulte la sección Galería de imágenes (en la página 27).
Si desea añadir una presentación con múltiples imágenes, use el módulo Control
deslizante de imágenes. Si desea más información acerca del módulo Control deslizante de
imágenes, consulte la sección Control deslizante de imágenes (en la página 29).
20. Insertar anclas HTML a secciones particulares de las páginas web para así poder crear
vínculos desde la misma página u otras páginas de su sitio.
21. Eliminar hipervínculos del texto seleccionado.
22. Añadir hipervínculos a páginas de su sitio web o recursos externos.
23. Añada un enlace a una dirección de email.
Si desea más información acerca de la adición de hipervínculos, consulte la sección
Hipervínculos, enlaces a direcciones de email y anclas (en la página 25).
En esta sección:
Hipervínculos, enlaces a direcciones de email y anclas .................................... 25
Creación y edición de sitios web 25
Hipervínculos, enlaces a direcciones de email y anclas
Creación de enlaces a otras páginas
Para insertar un hipervínculo en el texto:
1. Seleccione el texto que desea que actúe como vínculo.
2. En la barra de herramientas del módulo Imágenes y texto, haga clic en el icono
.
3. Realice cualquiera de las siguientes acciones:
Para añadir un vínculo a otra página web de su sitio, seleccione la opción Una página
de este sitio. En el menú Seleccione una página, seleccione la página web de destino o la
sección de la página web donde ha situado un ancla.
Para añadir un vínculo a una página web o un archivo presente en otro sitio,
seleccione la opción Una página web o un archivo en Internet e introduzca la dirección.
Por ejemplo, http://example.com.
Para añadir un vínculo a un documento u otro archivo descargable que anteriormente
usted haya cargado mediante el administrador de documentos (tal y como se
describe en Documentos y otros archivos descargables (en la página 37)), seleccione
la opción Un documento de este sitio y seleccione el archivo de destino.
4. En el menú Abrir vínculo en, seleccione dónde desea abrir la página de
destino. Puede escoger abrirla en la misma ventana o pestaña del
navegador o bien en una ventana o pestaña nueva.
5. En la casilla Nombre, introduzca la descripción que debería mostrarse cuando
los usuarios pasen el puntero del ratón por encima del vínculo.
6. Haga clic en ACEPTAR.
Creación de enlaces a distintas secciones de una página web
Si dispone de una página web muy extensa formada por numerosas secciones, considere
insertar un índice con enlaces a las distintas secciones en la parte superior de la página. De
esta forma ayudará a los visitantes del sitio a navegar por el contenido de la página. Para
ello puede hacer uso de las denominadas “anclas”.
Para añadir enlaces a distintas secciones de una página web:
1. Inserte un ancla al principio de cada sección.
a. En el bloque de texto, destaque con el puntero del ratón el
encabezado de una sección o, en el caso de no disponer de ningún
encabezado, una primera letra al principio de un párrafo.
26 Creación y edición de sitios web
b. En la barra de herramientas del módulo Texto e imágenes, haga clic en
el icono .
c. Especifique el nombre del ancla y haga clic en ACEPTAR.
Los nombres de las anclas deberían empezar con una letra del alfabeto latino. Estos
pueden contener letras del alfabeto latino, guiones bajos y números. Por ejemplo:
seccion_1.
d. Repita estos pasos para añadir tantas anclas como desee.
2. Inserte un índice o una lista de secciones en la parte superior de la página.
3. Añada hipervínculos al índice o a la lista de secciones.
a. Destaque con el puntero del ratón el nombre de una sección.
b. En la barra de herramientas del módulo Imágenes y texto, haga clic en
el icono .
c. Deje la opción Vincular a una página de este sitio seleccionada.
d. En el menú Seleccione una página, seleccione el nombre del ancla
deseado.
e. Haga clic en ACEPTAR.
f. Repita estos pasos para añadir hipervínculos a todas las secciones
deseadas.
Creación de enlaces a direcciones de email
Para añadir un enlace a una dirección de email al texto:
1. Seleccione el texto que desea que actúe como vínculo.
2. En la barra de herramientas del módulo Imágenes y texto, haga clic en el icono
.
3. Especifique la dirección de email y haga clic en ACEPTAR.
Si desea especificar múltiples destinatarios de email o desea predefinir el asunto del
mensaje, lleve a cabo los siguientes pasos:
1. Seleccione el texto que desea que actúe como vínculo.
2. En la barra de herramientas del módulo Imágenes y texto, haga clic en el icono
.
3. Seleccione la opción Una página web o archivo en Internet e introduzca
mailto:<address>. Por ejemplo, mailto:postmaster@example.com.
También puede:
Creación y edición de sitios web 27
Especificar múltiples destinatarios en el campo Para, separando las direcciones
con una coma (,) o un punto y coma (;). Por ejemplo:
Nota: es recomendable separar las direcciones con un punto y coma, ya que los
usuarios de Microsoft Office Outlook pueden experimentar problemas al enviar
emails a direcciones separadas con comas. Microsoft Office Outlook 2003 y las
versiones posteriores no reconocen la coma como un separador de direcciones
de email, a menos que estas se hayan configurado de forma específica para que
así sea. Para más información, consulte el artículo
http://support.microsoft.com/kb/820868.
Predefinir la línea de asunto del mensaje. Por ejemplo:
mailto:[email protected]?subject=My%20Subject.
Añadir destinatarios a listas CC y CCO. Por ejemplo:
mailto:[email protected]?subject=My%20Subject&cc=addres
Predefinir el texto a insertar en el cuerpo del mensaje. Por ejemplo:
mailto:[email protected]?subject=My%20Subject&body=This
%20is%20sent%20from%20your%20site!
Nota: Debería reemplazar los espacios por %20.
4. Haga clic en ACEPTAR.
Galería de imágenes
Para añadir una galería de imágenes a su sitio y cargar fotografías:
1. Vaya a la pestaña Módulos, seleccione Galería de imágenes y arrastre el módulo
a la página.
2. En la configuración del módulo, en la pestaña Almacén de imágenes, seleccione
dónde desea conservar las fotografías:
Si no dispone de una cuenta en Picasa Web Albums que desearía usar, deje la
opción Web Presence Builder seleccionada. Todas las imágenes en su sitio se
conservarán en su cuenta de cliente.
Si tiene una cuenta en Picasa Web Albums y en su sitio desea usar las imágenes
almacenadas ahí, realice los siguientes pasos:
a. Seleccione la opción Picasa, haga clic en el vínculo presente en la
pestaña Almacén de imágenes para acceder a Google y conceda acceso
a sus álbumes desde Web Presence Builder.
b. Seleccione el álbum cuyas fotografías desea usar o haga clic en
Crear álbum para crear un álbum nuevo.
c. Si desea que Web Presence Builder elimine las imágenes de Picasa
Web Albums cuando usted las elimine de la galería, seleccione la
casilla Eliminar imágenes cuando las elimine de la galería.
28 Creación y edición de sitios web
Cuando carga imágenes a una galería de imágenes mediante el editor de Web
Presence Builder, estas se copian automáticamente a su cuenta Picasa Web Albums.
Cuando elimina imágenes de la galería, estas sólo se eliminan de Picasa Web
Albums si ha seleccionado la opción Eliminar imágenes cuando las elimine de la galería.
3. (Pasos opcionales.) Si desea seleccionar el tamaño de las miniaturas de
imagen a mostrar en la galería de imágenes, cambie la alineación de la
galería (sitúela a la izquierda, al centro o a la derecha) o ajuste el número
de imágenes a mostrar por página, haga clic en la pestaña Propiedades de la
galería y realice los cambios deseados.
Dispone de los siguientes tamaños de miniaturas:
Pequeño (95 x 75 píxeles).
Normal (140 x 130 píxeles). Esta es la opción predeterminada.
Grande (170 x 170 píxeles).
4. Para añadir imágenes a la galería, en la pestaña Almacén de imágenes haga
clic en el texto Haga clic aquí para cargar sus imágenes, seleccione las imágenes
que desea cargar y haga clic en ACEPTAR.
Puede seleccionar y cargar múltiples imágenes a la vez. Sólo se soportan imágenes en
formatos GIF, JPEG y PNG.
Le recomendamos utilizar imágenes redimensionadas que no excedan los 1024 x 768
píxeles.
5. Para cambiar el nombre y la descripción de una imagen, haga clic en la
miniatura correspondiente, haga clic en el nombre o la descripción y edite el
texto.
Si elimina completamente el texto predeterminado, este no se mostrará en su sitio
publicado. De todas formas, este aún se mostrará cuando usted edite el sitio en el editor
de Web Presence Builder.
6. Para reorganizar las imágenes en la galería, arrástrelas a la ubicación
deseada.
Para eliminar una imagen de la galería:
Sitúe el puntero del ratón sobre la miniatura de la imagen y haga clic en el icono [x].
Para eliminar una galería de imágenes con todas las fotografías:
Sitúe el puntero del ratón sobre el bloque de la galería de imágenes y haga clic en Eliminar.
Creación y edición de sitios web 29
Control deslizante de imágenes
El control deslizante de imágenes le permite añadir una presentación con múltiples
imágenes y distintos efectos de transición. Se soportan los siguientes formatos de imagen:
GIF, JPEG y PNG.
Las imágenes no se redimensionan de forma automática. Es por este motivo que le
recomendamos cargar imágenes de las mismas dimensiones. De lo contrario, la
presentación no tendrá una buena apariencia.
Cuando añada imágenes, puede añadirles descripciones y vincular las imágenes a páginas
específicas de su sitio web.
Se soportan los siguientes efectos de transición:
Aleatorio
Corte hacia abajo y a la derecha
Corte hacia abajo y a la izquierda
Corte hacia arriba y a la derecha
Corte hacia arriba y a la izquierda
Corte hacia arriba y hacia abajo
Corte hacia arriba, hacia abajo y a la izquierda
Doblado
Fundido
Cajas aleatorias
Lluvia de cajas
Lluvia de cajas inversa
Lluvia de cajas en aumento
Lluvia de cajas inversa
Los nombres de los efectos pueden proporcionarle poca de información acerca de las
características de los efectos, por lo que le sugerimos verlos en acción. Para ello, añada el
módulo Control deslizante de imágenes, cargue al menos dos imágenes, vaya a la
configuración del módulo (pestaña Configuración) y seleccione un efecto del menú Efecto de
transición.
Para añadir el Control deslizante de imágenes a su sitio y cargar imágenes:
1. Vaya a la pestaña Módulos, seleccione Control deslizante de imágenes y arrastre
el módulo a la página.
2. Haga clic en Añadir imágenes, seleccione las imágenes que desea cargar y
haga clic en ACEPTAR.
Puede seleccionar y cargar múltiples imágenes a la vez. Le recomendamos utilizar
imágenes redimensionadas que no excedan los 1024 x 768 píxeles.
Una vez haya cargado las imágenes, puede organizarlas en el orden deseado y
eliminarlas. Para realizar cualquiera de estas acciones, sitúe el puntero del ratón sobre la
miniatura de una imagen y utilice los iconos correspondientes: .
30 Creación y edición de sitios web
3. Para añadir la descripción de una imagen, seleccione una miniatura e
introduzca el texto en la casilla Descripción.
4. Para añadir un vínculo a una página web, seleccione una miniatura,
seleccione la opción Enlace a una página web y seleccione la página en el menú
que aparece debajo.
5. Haga clic en la pestaña Configuración y seleccione el efecto de transición
deseado en el menú Efecto de transición.
6. Especifique durante cuánto tiempo debe mostrarse cada imagen.
7. Especifique si deben mostrarse los iconos redondos de navegación para
pasar de una imagen a otra.
La opción Interior mostrará los iconos sobre las imágenes, en la esquina superior derecha
del control deslizante de imágenes y Abajo mostrará los iconos debajo de las imágenes.
8. Especifique si deben mostrarse las flechas de navegación para pasar de una
imagen a otra.
9. Haga clic en ACEPTAR.
Para eliminar una imagen de la presentación:
Haga clic en el bloque de la presentación, sitúe el puntero del ratón sobre la miniatura de la
imagen y haga clic en el icono .
Para eliminar una presentación con todas las imágenes:
Sitúe el puntero del ratón sobre la presentación y haga clic en Eliminar.
Creación y edición de sitios web 31
Vídeo incrustado
Usted puede añadir vídeo clips de sitios de compartición de vídeos a las páginas del sitio
web. Un ejemplo son los vídeos de YouTube (youtube.com), Vimeo (vimeo.com), MySpace
(myspace.com) y Dailymotion (dailymotion.com).
Para insertar un vídeo en una página web:
1. Vaya a la pestaña Módulos, seleccione Vídeo incrustado y arrastre el módulo a
la página.
2. Inserte un vínculo al vídeo o seleccione la opción Código a insertar si ha
obtenido un código del sitio de compartición de archivos y a continuación
pegue el código.
3. Haga clic en ACEPTAR.
Para eliminar un vídeo:
Sitúe el puntero del ratón sobre el vídeo y haga clic en Eliminar.
Formulario de contacto
Si desea que los visitantes de su sitio puedan enviarle mensajes a través de su sitio, puede
añadir un formulario de contacto.
Para añadir un formulario de contacto:
1. Vaya a la pestaña Módulos, seleccione Formulario de contacto y arrastre el
módulo a la página.
2. En la pestaña Configuración, especifique lo siguiente:
Dirección de email del destinatario. Usted puede especificar distintas direcciones de
email separándolas con comas (,) o punto y coma (;).
Asunto del mensaje.
Texto a mostrar en el botón que envía el mensaje.
Protección frente a publicaciones de spam automatizadas. Deje la casilla Habilitar la
protección contra mensajes de spam automáticos seleccionada si desea evitar la recepción
de spam enviado por scripts mediante el formulario de contacto.
La protección se basa en un mecanismo sumamente eficiente, denominado
reCAPTCHA. En el formulario de contacto, este se muestra como un cuadro de
entrada acompañado por una combinación de símbolos o palabras distorsionadas
que pueden ser reconocidas únicamente por humanos. Antes de poder enviar un
mensaje mediante el formulario de contacto, se pide al usuario que reconozca estos
símbolos y que los escriba.
3. Si desea añadir, mover o eliminar campos de entrada del formulario o
cambiar sus etiquetas, haga clic en la pestaña Campos y realice los cambios
requeridos.
32 Creación y edición de sitios web
4. Si desea cambiar el mensaje predeterminado “Su mensaje ha sido enviado.
Gracias.” que se muestra cuando se ha enviado un mensaje, haga clic en la
pestaña Responder e introduzca el texto nuevo.
5. Haga clic en ACEPTAR.
Para eliminar un formulario de contacto:
Sitúe el puntero del ratón sobre el formulario y haga clic en Eliminar.
Blog
Si desea conservar un diario online de su sitio o quiere publicar artículos de forma periódica
acerca de un tema y presentarlos en orden cronológico, lo que necesita es un blog.
Un módulo de blog sólo puede añadirse a páginas de primer nivel que no tengan
subpáginas. En las entradas de blog, usted puede usar texto e insertar vídeos y scripts.
Cada entrada del blog puede disponer de su propia descripción de página e información
meta, para así facilitar las búsquedas por parte de los buscadores. Tenga en cuenta que las
entradas de un blog no se enumeran en la pestaña Páginas (en la página 10).
Para que los visitantes puedan comentar sus entradas del blog, es necesario registrarse con
Disqus — un servicio de terceros que proporciona funciones para la realización de
comentarios en sus sitios y que conserva todos los comentarios.
Para añadir un blog a su página web:
1. Vaya a la pestaña Módulos, seleccione Blog y arrastre el módulo a la página.
2. En las propiedades del módulo, especifique lo siguiente:
Nº de entradas de blog a mostrar en la página.
Especifique si los visitantes del sitio podrán publicar sus comentarios.
3. Haga clic en ACEPTAR.
4. Para permitir la realización de comentarios, haga clic en el vínculo Haga clic
aquí para añadir una nueva entrada de blog.
5. Haga clic en la casilla de información que aparece desactivada en la parte
inferior de la entrada de blog en blanco.
6. Para registrarse con Disqus, haga clic en el botón Registrar. En una ventana
o pestaña nueva del navegador, aparecerá un formulario de registro.
7. Especifique lo siguiente:
La URL de su sitio, el nombre deseado y el nombre breve (ID único). Más adelante
deberá especificar este ID de sitio (nombre breve) en la configuración del módulo de
blog para así permitir la realización de comentarios.
El nombre de usuario, contraseña y dirección de email del moderador de los
comentarios. Se enviará un mensaje de confirmación a esta dirección de email, por lo
que compruebe que esta es válida.
Creación y edición de sitios web 33
8. Haga clic en Continuar.
9. Especifique su idioma y otros parámetros de configuración y haga clic en
Continuar.
10. En el último paso del formulario de registro no se requiere realizar ninguna
otra acción. Simplemente cierre su sesión en el sitio de Disqus.
11. Compruebe su buzón de correo electrónico y busque el mensaje de
confirmación de Disqus. En este mensaje, haga clic en el vínculo pertinente
para verificar su dirección.
12. Vuelva a la ventana del navegador donde tiene abierto el editor de Web
Presence Builder con las propiedades del módulo de blog.
13. En la casilla denominada Solicite aquí el ID del sitio (nombre breve) recibido durante el
registro, introduzca o pegue el ID de su sitio que especificó durante el
registro en Disqus en el paso nº 7.
14. Haga clic en Solicitar.
15. Haga clic en ACEPTAR.
Ahora su blog puede aceptar comentarios de sus visitantes y usted puede crear la primera
entrada.
Para añadir una entrada de blog:
1. Vaya a la página del sitio web que contiene el módulo de blog.
2. Haga clic en el vínculo haga clic aquí para añadir una nueva entrada de blog (puede
que aparezca como Nombre de entrada nueva).
3. Indique el nombre de la entrada e introduzca el contenido.
Si desea cambiar la fecha de publicación, haga clic en el campo dd.mm.yy de publicación y
seleccione una fecha en el calendario.
Si su entrada es bastante larga y contiene más de un bloque de texto, imágenes y
vídeos, puede optar por sólo mostrar una parte (el principio de la entrada) a los visitantes
del sitio en la página principal de su blog. Para ello, mientras esté editando una entrada
de blog, mueva el elemento divisor (que contiene la línea -------- Arrastre esto sobre los
módulos que no deberían aparecer en la lista de entradas --------) a la área deseada.
4. Haga clic en ACEPTAR.
5. Si desea ver, editar o eliminar una descripción concisa que se mostrará en
las páginas de resultados de búsqueda de los buscadores y las palabras
clave por las que los buscadores encontrarán la página, haga clic en una
área en blanco a la derecha del nombre de la entrada y a continuación haga
clic en la pestaña Configuración SEO.
Nota: Nombre de vínculo a la entrada es un campo obligatorio. Descripción meta y Palabras
clave meta son campos opcionales. Si especifica palabras clave para una página, estas
deberían estar separadas por comas y sin espacios.
34 Creación y edición de sitios web
6. Para volver a la página principal del blog, haga clic en el vínculo Atrás que
aparece debajo de la entrada que acaba de crear.
Para eliminar una entrada de blog:
1. Vaya a la página del sitio web que contiene el módulo de blog.
2. Sitúe el puntero del ratón sobre el nombre de la entrada y haga clic en
Eliminar.
3. Haga clic en Sí para confirmar la eliminación.
Para editar una entrada de blog:
1. Vaya a la página del sitio web que contiene el módulo de blog.
2. Haga clic en el nombre de la entrada.
3. Realice los cambios deseados y haga clic en ACEPTAR.
Para eliminar un blog con todo el contenido publicado:
1. Vaya a la página del sitio web que contiene el módulo de blog.
2. Sitúe el puntero del ratón sobre el vínculo Haga clic aquí para añadir una nueva
entrada de blog y haga clic en Eliminar.
3. Haga clic en Sí para confirmar la eliminación.
Creación y edición de sitios web 35
Comentarios
Si desea que los visitantes de su sitio puedan publicar comentarios en páginas web, es
necesario insertar el módulo de comentarios en dichas páginas web.
Esta funcionalidad es soportada por Disqus, un servicio de terceros que almacena y procesa
todos los comentarios. Antes de que sus visitantes puedan publicar comentarios, es
necesarios registrar una cuenta con Disqus y a continuación especificar un ID de sitio en la
configuración del módulo de comentarios.
Usted puede insertar distintos módulos de comentarios en un único sitio web. Como todos
los módulos de comentarios del sitio usarán el mismo ID de sitio, usted sólo deberá
especificar una vez el ID del sitio en la configuración del módulo — cuando inserte el primer
módulo de comentarios.
Si desea añadir funciones para la realización de comentarios a una página web:
1. Vaya a la pestaña Módulos, seleccione Comentarios y arrastre el módulo a la
página.
2. Si aún no ha registrado una cuenta con Disqus, haga clic en el botón
Registrar. En una ventana o pestaña nueva del navegador, aparecerá un
formulario de registro.
3. Especifique lo siguiente:
La URL de su sitio, el nombre deseado y el nombre breve (ID único). Más adelante
deberá especificar este ID de sitio (nombre breve) en la configuración del módulo de
comentarios para así permitir la realización de comentarios.
El nombre de usuario, contraseña y dirección de email del moderador de los
comentarios. Se enviará un mensaje de confirmación a esta dirección de email, por lo
que compruebe que esta es válida.
4. Haga clic en Continuar.
5. Especifique su idioma y otros parámetros de configuración y haga clic en
Continuar.
6. En el último paso del formulario de registro no se requiere realizar ninguna
otra acción. Simplemente cierre su sesión en el sitio de Disqus.
7. Compruebe su buzón de correo electrónico y busque el mensaje de
confirmación de Disqus. En este mensaje, haga clic en el vínculo pertinente
para verificar su dirección.
8. Vuelva a la ventana del navegador donde tiene abierto el editor de Web
Presence Builder con las propiedades del módulo de comentarios.
9. En la casilla denominada Solicite aquí el ID del sitio (nombre breve) recibido durante el
registro, introduzca o pegue el ID de su sitio que especificó durante el
registro en Disqus en el paso nº 3.
10. Haga clic en Solicitar.
36 Creación y edición de sitios web
11. Haga clic en ACEPTAR.
Ahora puede publicar su sitio web en la cuenta de cliente y empezar a recibir comentarios de
sus visitantes.
Además de añadir y ver comentarios, puede realizar las siguientes acciones:
Editar comentarios.
Eliminar comentarios.
Marcar comentarios como spam.
Bloquear usuarios (por email o dirección IP) para que estos no puedan publicar
comentarios en su sitio.
Cambiar parámetros de configuración, como por ejemplo la apariencia de los
comentarios y eliminar la URL trackback. Para ello, acceda a su cuenta en
www.disqus.com y vaya a la pestaña Configuración.
Para moderar comentarios:
1. Acceda a Disqus como administrador del sitio. Puede realizar el acceso de
distintas formas:
Visitando el sitio de Disqus en www.disqus.com e iniciando sesión aquí.
En el editor de Web Presence Builder, vaya a la página donde tiene el módulo de
comentarios y haga clic en el campo Añadir comentario nuevo. Haga clic en el botón
Publicar como, haga clic en el vínculo Disqus presente en el panel de navegación que
aparece a la izquierda, introduzca su nombre de usuario y contraseña y haga clic en
Acceder.
2. Una vez haya accedido a Disqus, usted puede moderar comentarios de las
siguientes formas:
En el sitio de Disqus, use los elementos presentes en las áreas Panel y Admin.
En el editor de Web Presence Builder o en el sitio publicado, vaya a la página que
contiene el módulo de comentarios, sitúe el puntero del ratón sobre el comentario que
desea moderar y utilice el vínculo Moderar que aparece al lado del comentario.
Otra opción para moderar los comentarios es usar los vínculos presentes en los mensajes
de notificación que le envía Disqus cuando alguien publica un comentario en su sitio.
Si desea eliminar funciones para la realización de comentarios de una página
web:
1. En el editor de Web Presence Builder, vaya a la página del sitio web que
contiene el módulo de comentarios.
2. Sitúe el puntero del ratón sobre el campo Añadir comentario nuevo y haga clic
en Eliminar.
3. Haga clic en Sí para confirmar la eliminación.
Creación y edición de sitios web 37
Documentos y otros archivos descargables
Ahora, el editor proporciona un panel de control que simplifica el uso de archivos en su
cuenta de cliente. Usted puede cargar al editor sus documentos, imágenes y otros archivos
en distintos formatos (en la pestaña Documentos) y a continuación insertar vínculos a estos
archivos en las páginas de su sitio web. Otra opción es conservar estos archivos en su
cuenta de cliente para otras finalidades.
Para cargar un archivo a la cuenta de cliente:
1. Vaya a la pestaña Documentos.
2. Haga clic en Cargar.
3. Seleccione el archivo deseado y haga clic en Abrir.
Ahora, si desea que los visitantes de su sitio puedan descargar este archivo, puede insertar
un vínculo al mismo en una página web.
Para insertar un vínculo al archivo:
1. Seleccione el texto que desea convertir en vínculo.
2. En la barra de herramientas del módulo Imágenes y texto, haga clic en el icono
.
3. Seleccione la opción Un documento en este sitio.
4. Seleccione su archivo y haga clic en ACEPTAR.
Para eliminar un archivo de la cuenta de cliente:
1. Vaya a la pestaña Documentos.
2. Seleccione el archivo deseado y haga clic en Eliminar.
3. Confirme la eliminación y haga clic en ACEPTAR.
38 Creación y edición de sitios web
Botones para la compartición en redes sociales
Si desea que sus visitantes puedan compartir fácilmente su contenido en redes sociales o
servicios de marcadores online, puede insertar una barra de herramientas con botones para
la compartición en Facebook, Twitter, Myspace y otros servicios populares.
Para añadir la barra de herramientas Compartir en redes sociales a una página
web:
1. Vaya a la pestaña Módulos, seleccione Redes sociales y arrastre el módulo a la
página.
2. Seleccione la apariencia de la barra de herramientas.
3. Si dese modificar la lista de redes sociales y servicios de compartición que
aparece en la barra de herramientas, sitúe el puntero del ratón sobre el
icono [+] y haga clic en el vínculo Configuración.
Los cambios que realice en la lista de servicios serán visibles tras la publicación del sitio.
4. Haga clic en ACEPTAR.
Para eliminar la barra de herramientas Redes Sociales:
Sitúe el puntero del ratón sobre la barra de herramientas y haga clic en Eliminar.
Búsqueda en un sitio
Si desea que sus visitantes puedan buscar información en su sitio web, puede añadir una
barra de búsqueda al sitio. Una vez insertada la barra de búsqueda en una página web, esta
se añadirá automáticamente a todas las páginas del sitio.
Por omisión, la barra de búsqueda está configurada para usar el buscador de Google. Si
desea usar otro buscador, puede obtener el código script de búsqueda e insertarlo al módulo
Búsqueda.
Para añadir una barra de búsqueda al sitio:
1. Vaya a la pestaña Módulos, seleccione Búsqueda y arrastre el módulo a la
página.
2. Realice cualquiera de las siguientes acciones:
Si desea usar el servicio de búsqueda proporcionado por Google, deje la opción
Google seleccionada.
Si desea usar otro buscador, seleccione Otro y pegue el código obtenido a través de
este servicio.
Compruebe que el código que inserta es correcto, ya que Web Presence Builder no lo
valida.
Creación y edición de sitios web 39
3. Haga clic en ACEPTAR.
La barra de búsqueda aparecerá en su sitio una vez realizada la publicación.
Para eliminar una barra de búsqueda:
Sitúe el puntero del ratón sobre la barra de búsqueda y haga clic en Eliminar.
Tienda online
Si desea vender productos o servicios a través de su sitio, puede utilizar los módulos Tienda
online y Carro de la compra para añadir una tienda online totalmente funcional al sitio. Usted
sólo puede añadir una tienda por sitio.
La funcionalidad de tienda es proporcionada por Ecwid − un proveedor de soluciones de
SaaS de terceros que almacena y procesa todos sus datos de forma segura, incluyendo
catálogos de productos, imágenes, pedidos y pagos de los clientes.
Para añadir una tienda online a su sitio:
1. Vaya a la pestaña Módulos, seleccione Tienda online y arrastre el módulo a la
página.
2. Cree una cuenta con Ecwid si aún no dispone de una o especifique el ID de
una tienda existente si anteriormente ya había creado una tienda en Ecwid
mediante Web Presence Builder y desea mostrarla en su sitio.
Si aún no dispone de una cuenta Ecwid, realice lo siguiente:
a. En la configuración del módulo, en la pestaña General, seleccione la
opción Registrar con Ecwid.
b. Introduzca su nombre, dirección de email y contraseña. Usted usará
la dirección de email y la contraseña para acceder a Ecwid y
gestionar su tienda.
c. Haga clic en Enviar. Se enviará un mensaje de confirmación de Ecwid
a su dirección de email. Deberá confirmar que usted es el propietario
de esta dirección de email antes de tres días. De lo contrario, la
tienda online será desactivada.
Si ya dispone de una cuenta con Ecwid, seleccione la opción Introducir ID de una tienda
existente, especifique el ID de la tienda y la dirección de email que especificó durante el
registro de la cuenta y haga clic en Aplicar.
Nota: Si la tienda online se creó directamente en el sitio web de Ecwid sin utilizar Web
Presence Builder, puede hacer lo siguiente: Crear una nueva cuenta Ecwid mediante
Web Presence Builder, acceder a la cuenta Ecwid anterior y exportar todos los bienes a
un archivo CSV. Una vez hecho esto, acceda a la cuenta nueva e importe el archivo.
3. (Paso opcional.) Si desea que sus clientes puedan añadir artículos al carrito
de la compra arrastrándolos a un icono de bolsa de la compra, vaya a la
pestaña Módulos, seleccione el módulo Carro de la compra y arrástrelo a la
página.
40 Creación y edición de sitios web
Tenga en cuenta que el icono de la bolsa de la compra se insertará en todas las páginas
de su sitio. Si no desea que esto sea así, no use el módulo Carro de la compra. Sus
clientes seguirán pudiendo añadir artículos al carrito y proceder con el pago usando el
enlace Bolsa de la compra que aparece en la parte superior del área del catálogo de
productos.
4. (Paso opcional.) Si desea cambiar la apariencia del catálogo de productos,
en la configuración del módulo, vaya a la pestaña Ver.
5. Para configurar su tienda, incluya artículos en el catálogo de productos,
elimine los artículos predeterminados de frutas y verduras añadidos por
Ecwid y haga clic en el enlace Administrar presente en la barra de tareas del
módulo.
En una ventana o pestaña nueva del navegador, se abrirá el panel de control de Ecwid.
6. Una vez haya configurado la tienda en el panel de control de Ecwid, vuelva
al editor de Web Presence Builder y haga clic en el enlace Volver a cargar
presente en la barra de herramientas del módulo Tienda online.
Usted debe usar el enlace Volver a cargar para sincronizar el contenido de su tienda online
con la tienda online en Ecwid.
7. Haga clic en ACEPTAR para finalizar la configuración de la tienda.
Para administrar una tienda:
Sitúe el puntero del ratón sobre el catálogo de productos y haga clic en Administrar. En una
ventana o pestaña nueva del navegador, se abrirá el panel de control de Ecwid.
Nota: Una vez publicado su sitio, también puede ver la información acerca de los pedidos
nuevos en el panel de información.
Para eliminar una tienda:
Sitúe el puntero del ratón sobre el catálogo de productos y haga clic en Eliminar.
Creación y edición de sitios web 41
Mapa
Con el módulo Mapa, puede añadir un mapa fácilmente con su ubicación a un sitio web. Los
mapas son proporcionados por el servicio Google Maps, disponible de forma gratuita.
Se soportan las siguientes funciones:
Búsqueda de un objeto en un mapa por dirección o coordenadas de latitud y longitud.
Selección del modo en que se muestra en mapa cambiando entre las vistas Mapa,
Satélite, con etiquetas y Terreno.
Ajuste de la escala del mapa: acercar y alejar en Casa, Calleo Ciudad.
Cuando añada un mapa, el módulo utiliza la información acerca de su ubicación que usted
especificó tras la selección del tema del sitio web. Puede especificar una ubicación nueva en
cualquier momento.
Para añadir un mapa a su sitio:
1. Vaya a la pestaña Módulos, seleccione Mapa y arrastre el módulo a la página.
2. Especifique la ubicación deseada y haga clic en Buscar. Puede introducir una
dirección o bien unas coordenadas. Por ejemplo: 37.754481,-
122.383772.
3. Seleccione la vista deseada del mapa en el menú Modo de mapa y el nivel de
zoom en el menú Nivel de zoom. Para mostrar la ubicación de su empresa en
el mapa, puede que desee seleccionar la opción Mapa y el nivel de zoom
Calle.
4. Seleccione el tamaño deseado del mapa en el menú Asignar tamaño.
5. Haga clic en ACEPTAR.
Para eliminar un mapa:
Sitúe el puntero del ratón sobre el mapa y haga clic en Eliminar.
42 Creación y edición de sitios web
Scripts personalizados
Usted puede insertar scripts personalizados escritos en PHP, JavaScript o VBScript en
cualquier página de su sitio web.
Para insertar un script en una página web:
1. Vaya a la pestaña Módulos, seleccione Script y arrastre el módulo a la página.
2. Pegue el código en el campo de entrada.
En el caso de PHP, use la etiqueta de apertura <?php. Compruebe que el código que
inserta en este campo es correcto, ya que Web Presence Builder no lo valida.
3. Haga clic en ACEPTAR.
Su código sólo estará activo en el sitio web publicado.
Para eliminar un script:
Sitúe el puntero del ratón sobre el bloque de script y haga clic en Eliminar.
Publicidad
Si está participando en un intercambio de banners o cualquier otro programa de publicidad
online, puede que desee añadir un bloque publicitario a su sitio. Una vez insertado el bloque
en una página web, este se añadirá automáticamente a todas las páginas de su sitio.
Para añadir un bloque publicitario:
1. Vaya a la pestaña Módulos, seleccione Publicidad y arrastre el módulo a la
página.
2. Pegue el código proporcionado por su vendedor de publicidad al campo de
entrada.
Compruebe que el código que inserta en este campo es correcto, ya que Web Presence
Builder no lo valida. En algunos casos será necesario validar su cuenta primero.
3. Haga clic en ACEPTAR.
Los anuncios aparecerán en su sitio web una vez realizada la publicación.
Para eliminar un bloque publicitario:
Sitúe el puntero del ratón sobre el bloque y haga clic en Eliminar.
Creación y edición de sitios web 43
Parámetros de configuración y herramientas
para webmasters
Esta sección describe cómo realizar las siguientes acciones:
Cambiar el nombre, descripción y palabras clave de su sitio web.
Cargar un icono de sitio (favicon) para su sitio web.
Mejorar el posicionamiento de su sitio web en los resultados de búsqueda e inserte
distintos servicios de buscadores.
Impedir que determinadas páginas o áreas de su sitio web puedan ser indexadas por los
buscadores y mostradas en los resultados de búsqueda.
Notificar a los visitantes del sitio acerca del uso de cookies no esenciales en su sitio.
Esto puede resultar interesante para webmasters que residan en la Unión Europea.
Cambio del nombre, la descripción y las palabras clave del sitio web
El nombre del sitio web es una línea de texto que se muestra en la barra de título del
navegador de los usuarios cuando estos visitan su sitio web. Por omisión, este es “Mi sitio
web”, aunque usted puede cambiarlo a cualquier otro nombre.
La descripción del sitio web es lo que muestran los buscadores cuando su sitio web aparece
en los resultados de búsqueda. Las palabras clave del sitio web son analizadas por los
buscadores y se utilizan para mostrar su sitio web cuando los usuarios de Internet realizan
una búsqueda con estas palabras clave.
Puede especificar la descripción y las palabras clave del sitio web que usará el editor para
todas las páginas de su sitio web. Para ello, vaya a la pestaña Configuración> Básica y
especifique los valores deseados para las páginas determinadas en la pestaña Páginas >
nombre de la página > Edite la descripción y las palabras clave de la página.
Para editar el nombre, descripción y palabras clave de su sitio web:
1. Vaya a la pestaña Configuración > pestaña Básica.
2. Especifique el nombre del sitio web que verán sus visitantes verán como
nombre de la ventana de sus navegadores cuando visiten su sitio web.
3. Si en la ventana del navegador desea mostrar tanto el nombre de su sitio
web como o el nombre de la página actual y desea aumentar el
reconocimiento de su sitio web en los resultados de búsqueda de los
navegadores, seleccione la casilla Añadir nombre del sitio web a los nombres de
página.
4. Añada una descripción breve (hasta 255 símbolos) de su sitio web.
5. Proporcione una lista de palabras clave que describen su sitio web. Se
recomienda indicar unas 10-15 palabras clave.
44 Creación y edición de sitios web
La descripción y las palabras clave se usarán de forma predeterminada para las páginas
nuevas y las ya existentes.
6. Haga clic en ACEPTAR para guardar los cambios.
Carga de un icono de sitio (Favicon)
Un favicon es un pequeño icono que se muestra en la barra de dirección del navegador
cuando usted visita un sitio web. Este también aparece al lado del nombre del sitio web en la
lista de marcadores favoritos. Puede crear un favicon a través de múltiples herramientas
online y a continuación cargar su favicon mediante el editor de Web Presence Builder.
Todos los visitantes de su sitio web verán este favicon.
Para cargar un favicon para su sitio web:
1. Vaya a la pestaña Configuración > pestaña Básica.
2. Haga clic en Examinar y seleccione la ubicación del favicon que desea cargar.
Se procederá con la carga del favicon.
3. Haga clic en ACEPTAR para guardar los cambios.
Para eliminar un favicon de su sitio web:
1. Vaya a la pestaña Configuración > pestaña Básica.
2. Haga clic en Eliminar en la sección Favicon. El favicon será eliminado.
3. Haga clic en ACEPTAR para guardar los cambios.
Verificación de la propiedad del sitio web
La mayoría de buscadores requieren que verifique la propiedad del sitio web cuando usted
registre su sitio web o se inscriba para obtener servicios de asistencia webmaster. La
verificación suele realizarse cargando o creando un archivo con un nombre de archivo
determinado.
Para verificar la propiedad del sitio web:
1. Vaya a la pestaña Configuración > pestaña Avanzada.
2. Proporcione el archivo de verificación:
Si conoce el nombre del archivo de verificación solicitado por el buscador,
proporcione este nombre en el campo Crear archivo de verificación y haga clic en
ACEPTAR. Web Presence Builder lo creará en la ubicación correcta.
Si usted ya ha descargado su archivo de verificación de un buscador, cargue el
archivo de verificación en el campo Cargar archivo de verificación y haga clic en
ACEPTAR.
3. Una vez completada la carga y cuando su sitio web haya sido publicado,
confirme su propiedad en el sitio web del buscador.
Creación y edición de sitios web 45
4. Haga clic en ACEPTAR para guardar los cambios.
Para editar la sección HTML <head> de su sitio web (por ejemplo, para añadir
el código meta de verificación de la propiedad):
1. Vaya a la pestaña Configuración del menú principal de Web Presence Builder
y a continuación vaya a la subpestaña Avanzada.
2. Haga clic en Editar metadata.
3. Inserte el código en el campo proporcionado y haga clic en Añadir.
Nota: Sólo se soportan etiquetas HTML que los estándares HTML permitan para la
sección <head>. Los cambios en metadata sólo estarán disponibles una vez haya
publicado su sitio web.
4. Haga clic en ACEPTAR para guardar los cambios.
Adición de un código de Google Analytics
Google Analytics es una herramienta que le permite obtener información de sus visitantes.
Una vez se haya registrado con Google Analytics y haya adquirido el código requerido,
puede incrustar Google Analytics en su sitio web.
Para insertar Google Analytics:
1. Regístrese con el servicio Google Analytics y adquiera el código.
2. Vaya a la pestaña Configuración > pestaña Avanzada.
3. Haga clic en Insertar Google Analytics.
4. Inserte el código recibido de Google Analytics en el campo proporcionado y
haga clic en Añadir.
Nota: Google Analytics sólo empezará a funcionar cuando haya publicado su sitio web.
5. Haga clic en ACEPTAR para guardar los cambios.
Descarga del mapa del sitio
Algunos buscadores le pedirán que proporcione el mapa de su sitio para finalidades de
análisis y optimización. Puede descargar su mapa de sitio mediante el editor de Web
Presence Builder.
Para descargar el mapa de sitio de su sitio web:
1. Vaya a la pestaña Configuración > pestaña Avanzada.
2. Haga clic en Descargar mapa del sitio.
3. Haga clic en ACEPTAR para iniciar la descarga del archivo sitemap.xml.
46 Creación y edición de sitios web
Cómo impedir que los buscadores indexen determinadas páginas de su sitio
Para impedir que los buscadores indexen ciertas páginas de su sitio web, puede añadir las
directivas apropiadas al archivo robots.txt. Este archivo se almacena en la cuenta de
cliente bajo la que se publica su sitio.
Para impedir que los buscadores indexen ciertas páginas de su sitio web:
1. Vaya a la pestaña Configuración > pestaña Avanzada.
2. Haga clic en el enlace Editar robots.txt.
3. Introduzca sus directivas en el campo de entrada. Sitúe cada directiva en
una línea nueva.
Por ejemplo, para impedir que todos los robots y crawlers y robots de los buscadores
indexen los contenidos del directorio /private y el archivo /my_secret.html en su
cuenta de cliente, añada las siguientes líneas:
User-agent: *
Disallow: /private/
Disallow: /my_secret.html
Si desea más información acerca del archivo robots.txt y de las directivas que puede
usar, visite http://www.robotstxt.org/robotstxt.html.
Notificación a los visitantes del sitio acerca de la directiva de cookies
Si se encuentra en un país de la Unión Europea, su sitio debe informar a sus visitantes
acerca del uso de cookies no esenciales y obtener el consentimiento pertinente.
Las cookies son pequeños archivos que los servidores web guardan en los ordenadores de
los visitantes de un sitio web. Estas pueden resultar útiles para distintas finalidades, ya sea
para recordar las preferencias personales o para realizar un seguimiento del
comportamiento de los usuarios para así saber qué tipo de publicidad debería utilizar. Las
cookies no esenciales son aquellas que no son imprescindibles para el correcto
funcionamiento de los sitios web. Como ejemplos de cookies no esenciales cabe destacar
las cookies de análisis, de publicidad y de redes de afiliados como puede ser Google
Analytics y Google AdSense.
Lo más probable es que su sitio utilice cookies no esenciales si este utiliza las siguientes
funciones:
Google Analytics
Publicación en Facebook
Adición de vídeos
Módulo de galería de imágenes (con Picasa como opción de almacenamiento
seleccionada)
Módulo de tienda online
Módulo de mapa
Módulo de comentarios
Creación y edición de sitios web 47
Módulo de compartición en redes sociales
Módulo de scripting
Búsqueda en un sitio
Si decide mostrar una advertencia en el sitio, se pedirá a sus visitantes que confirmen que
aceptan su directiva.
Si la aceptan, ya no se volverá a mostrar la advertencia (en su lugar, en la esquina de la
página se mostrará el icono ) y estos podrán seguir navegando por su sitio. Si no la
aceptan, estos serán redireccionados a google.com.
Para mostrar una advertencia acerca de la directiva de cookies en el sitio:
1. Vaya a la pestaña Configuración > pestaña Avanzada.
2. Haga clic en el enlace Informar a los visitantes del sitio acerca de la directiva de
cookies.
3. Seleccione la casilla Mostrar la advertencia acerca de las cookies en el sitio y haga
clic en ACEPTAR.
48 Creación y edición de sitios web
Guardado y carga de copias de un sitio web
Mientras trabaja en el contenido y diseño de un sitio web, usted puede guardar múltiples
copias de cada sitio en el servidor y restaurar archivos usando las copias guardadas
(también denominadas instantáneas). Guardar copias del sitio puede resultar útil en los
siguientes casos:
Usted desea preparar distintas versiones del mismo sitio web para que más adelante
pueda cargarlas y revisarlas, seleccionar la versión que ofrezca el mejor diseño y
publicarla en Internet.
Usted desea realizar cambios significativos o hacer pruebas en el diseño o contenido del
sitio pero quiere tener la certeza de que puede deshacer los cambios de forma segura en
el caso de que algo no vaya según lo esperado.
Nota: Las fotografías de los módulos Galería de imágenes no se guardan en las instantáneas.
Las imágenes se almacenan en su cuenta de cliente o Picasa Web Albums (si utiliza esta
opción).
Para guardar el diseño y contenido actual de un sitio:
1. En el menú principal del editor de Web Presence Builder, haga clic en el
icono que aparece al lado de la opción Guardar.
Nota: Si hace clic en Guardar, se guardará una copia del sitio de rápido guardado
denominada auto-saved snapshot (instantánea guardada automáticamente). Más adelante,
usted podrá restaurar un sitio usando esta copia, haciendo clic en Revertir en el menú
principal.
2. En la lista emergente, seleccione un slot de guardado disponible, escriba el
nombre de la copia de backup y haga clic en Guardar.
Para restaurar un sitio usando una copia guardada:
1. En el menú principal del editor de Web Presence Builder, haga clic en el
icono que aparece al lado de la opción Revertir.
Nota: Si hace clic en Revertir, el sitio será restaurado mediante la copia que guardó la
última vez que hizo clic en Guardar.
2. En la lista emergente, seleccione una copia del sitio y haga clic en Cargar.
3. Haga clic en Sí para confirmar que desea proceder con la restauración.
Para descargar una copia del sitio:
1. En el menú principal del editor de Web Presence Builder, haga clic en el
icono que aparece al lado de la opción Guardar.
Creación y edición de sitios web 49
2. Localice la copia que desea descargar y haga clic en el icono
(Descargar).
3. Seleccione el directorio en su equipo donde desea guardar el archivo y haga
clic en ACEPTAR.
Para cargar una copia del sitio:
1. En el menú principal del editor de Web Presence Builder, haga clic en el
icono que aparece al lado de la opción Revertir.
2. Haga clic en el icono (Cargar) presente al lado del slot al que desea
cargar la copia.
3. Examine el archivo de instantánea del sitio en formato SSB y selecciónelo.
4. Si desea restaurar un sitio mediante la instantánea cargada, selecciónela y
haga clic en Cargar.
Para eliminar una copia del sitio:
1. En el menú principal del editor de Web Presence Builder, haga clic en el
icono que aparece al lado de la opción Guardar.
2. Localice la copia del sitio que desea eliminar y haga clic en el icono
(Eliminar) correspondiente.
50 Creación y edición de sitios web
Publicación de un sitio web en Internet
Cuando el contenido y diseño de su sitio web ya esté listo para ser publicado en Internet,
haga clic en Publicar en la esquina superior derecha del menú principal. Web Presence
Builder publicará su sitio web automáticamente en la ubicación especificada por su
proveedor de hosting.
Creación y edición de sitios web 51
Publicación de la copia de un sitio web en
Facebook
Una vez publicado un sitio en Internet, puede hacer que el tráfico de visitantes aumente
publicando una copia del sitio en Facebook (www.facebook.com).
Una copia del sitio en Facebook mostrará la mayor parte del contenido de su sitio. De todas
formas, se aplicarán los siguientes cambios a su diseño, apariencia y funcionalidad:
No se mostrarán los encabezados, barras laterales y pies de página.
El menú de navegación sólo se mostrará en la parte superior de las páginas del sitio.
El ancho de la página estará limitado a 520 píxeles. En el caso de páginas cuyo ancho
sea superior a 520 píxeles, se mostrará una barra de desplazamiento horizontal.
La fuente, el tamaño y el color se cambiará para que sea conforme al diseño de
Facebook, a menos que estas propiedades de la fuente fueran seleccionadas
específicamente por el propietario del sitio en el editor de Web Presence Builder.
No se mostrarán las galerías de imágenes, tiendas online y vínculos para la compartición
en redes sociales.
Cualquier enlace que apunte a otras páginas en Facebook no funcionará.
Si desea añadir una copia del sitio a Facebook, realice los pasos que se
detallan a continuación.
1. En el menú principal, haga clic en la pestaña Configuración > pestaña Redes
sociales.
2. Deje la casilla Mostrar una copia de mi sitio en Facebook seleccionada.
3. Haga clic en el enlace Añadir la copia de su sitio a Facebook. La página inicial de
Facebook se abrirá en una pestaña o ventana nueva del navegador.
4. Para acceder a su cuenta en Facebook, introduzca su email y contraseña y
haga clic en Entrar.
5. Si no tiene una página de Facebook donde mostrar la copia del sitio, cree
una. Para ello, haga clic en Crearla ahora y siga las instrucciones que
aparecen en pantalla. Una vez creada su página, vuelva a la página de
Parallels Web Presence Builder en Facebook, que se muestra en otra ventana o
pestaña del navegador.
6. Haga clic en Añadir aplicación Parallels Web Presence Builder. Esta aplicación
proporciona sincronización entre el sitio web en su cuenta de hosting y su
copia en Facebook.
7. Para confirmar que desea añadir la aplicación a su página, haga clic en
Añadir Parallels Web Presence Builder.
Ahora ya se ha añadido la copia de su sitio. Para verla, haga clic en el enlace Sitio web en el
panel de navegación de Facebook que aparece a la izquierda.
52 Creación y edición de sitios web
Siempre que realice cambios en su sitio y los vuelva a publicar mediante el editor de Web
Presence Builder, la copia de su sitio en Facebook será actualizada de forma pertinente.
Para eliminar la copia de un sitio de Facebook, realice lo siguiente:
1. En el menú principal del editor de Web Presence Builder, haga clic en la
pestaña Configuración > pestaña Red social.
2. Deseleccione la casilla Mostrar una copia de mi sitio en Facebook.
3. Haga clic en Sí para confirmar.
4. Vaya a su página en Facebook y elimine allí la aplicación Web Presence
Builder.
Una vez publicado el sitio, puede acceder al panel de información mediante el menú
principal de Web Presence Builder para realizar las siguientes tareas:
Ver estadísticas acerca de las visitas al sitio web. Las estadísticas son
proporcionadas por Google Analytics y estarán disponibles una vez haya
especificado el código para Google Analytics en la configuración del sitio web, tal y
como se describe en la sección Parámetros de configuración y herramientas para
webmasters (en la página 43).
Ver los nuevos comentarios publicados por los visitantes del sitio en las páginas de
su sitio web. Los comentarios son visibles en el panel de información una vez haya
configurado la funcionalidad de comentarios, tal y como se describe en las
secciones Blog (en la página 32) y Comentarios (en la página 35).
Ver pedidos nuevos de clientes que visiten sus tiendas online. Los pedidos nuevos
son visibles en el panel de información una vez haya configurado una tienda online,
tal y como se describe en la sección Tienda online (en la página 39).
Para ver las estadísticas de visitas al sitio web:
1. En el menú principal, haga clic en Panel.
2. Si acceda al panel de información por primera vez, confirme la
asociación con su sitio con su cuenta de Google:
a. Haga clic en Acceder a Google Analytics.
b. Acceda a su cuenta Google.
c. Confirme que desea permitir el acceso a su cuenta.
3. Debajo de Estadísticas de visitas al sitio web, haga clic en el enlace Ver más
gráficos o haga clic en el icono .
La sección Descripción muestra las siguientes estadísticas para los últimos 30 días:
Un gráfico detallado de la métrica seleccionada en este momento debajo de
Informe de perfil.
El número total de visitas durante los últimos 30 días.
El número de visitas nuevas.
Promedio de tiempo que los usuarios pasaron en un sitio.
El número total de vistas de una página.
C A P Í T U L O 3
Visualización de estadísticas de visitas al
sitio, comentarios y pedidos nuevos en
el panel de información
54 Visualización de estadísticas de visitas al sitio, comentarios y pedidos nuevos en el panel de información
El número de vistas de una página de cada visita.
El porcentaje de visitas nuevas.
La sección Descripción de orígenes de tráfico muestra las direcciones desde las que
procedían los visitantes durante los últimos 30 días. El elemento (directo) muestra el
porcentaje de visitantes que accedieron a su sitio introduciendo su dirección
directamente en sus navegadores.
La sección Ubicaciones de los visitantes muestra las ubicaciones geográficas de los
visitantes durante los últimos 30 días.
Para ver los comentarios de los visitantes de su sitio:
1. En el menú principal, haga clic en Panel.
2. En Comentarios, haga clic en el enlace Ver o en el icono .
3. Para ir a la página web donde se publicó el comentario, haga clic en
Enlace al comentario.
4. Para ir al sitio de Disqus y moderar los comentarios, haga clic en
Administrar comentarios.
Para ver los pedidos enviados por los clientes que visitaron sus tiendas
online:
1. En el menú principal, haga clic en Panel.
2. En Pedidos, haga clic en el enlace Ver o en el icono y a
continuación haga clic en la pestaña Pedidos.
Para ir al sitio de Ecwid y procesar los pedidos, haga clic en Administrar pedidos.
Cuando elimina un sitio mediante el editor de Web Presence Builder, sólo se elimina el
borrador actual del sitio en el editor y las copias guardadas del sitio (instantáneas).
Por omisión, no se elimina la copia del sitio publicada en su cuenta de hosting. De
todos modos, esta directiva puede ser modificada por su proveedor de hosting.
Para eliminar la copia del sitio actual mediante el editor:
En el menú principal del editor de Web Presence Builder, seleccione Más > Eliminar
sitio.
C A P Í T U L O 4
Eliminación de sitios web
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
Parallels Web Presence Builder 11.5 Guía del usuario
- Categoría
- Software de gráficos
- Tipo
- Guía del usuario
Documentos relacionados
-
Parallels Plesk Panel 11.5 Guía del usuario
-
-
-
-
-
-
-
-
-
