Parallels Web Presence Builder - 10.4 User Manual [es]
Parallels® Plesk Panel
Guía del usuario de Parallels Web Presence
Builder 10.4
Contenidos
Prólogo 4
Convenciones Tipográficas ........................................................................................................... 4
Sugerencias ................................................................................................................................... 5
Introducción 6
Familiarizándose con Web Presence Builder 7
Creación de un sitio web 9
Importación de sitios desde SiteBuilder 4.5 ................................................................................ 10
Edición de un sitio web 12
Estructura: Páginas y navegación ............................................................................................... 12
Adición y eliminación de páginas ...................................................................................... 13
Adición y eliminación de enlaces de navegación.............................................................. 14
Diseño: Presentación, estilos, combinación de colores y encabezado ...................................... 15
Cambio de la apariencia de su sitio web .......................................................................... 16
Selección de colores y estilos de fuentes para un sitio web ............................................. 18
Cambio de los elementos del encabezado de un sitio web .............................................. 20
Contenido: Texto, tablas, imágenes, vídeo, formularios y scripts ............................................... 21
Texto, tablas, hipervínculos e imágenes ........................................................................... 22
Vídeo incrustado ............................................................................................................... 25
Formulario de contacto ..................................................................................................... 25
Blog ................................................................................................................................... 26
Realización de comentarios .............................................................................................. 29
Documentos y otros archivos descargables ..................................................................... 31
Botones para la compartición en redes sociales .............................................................. 32
Búsqueda en un sitio ......................................................................................................... 32
Tienda online ..................................................................................................................... 33
Scripts personalizados ...................................................................................................... 34
Publicidad .......................................................................................................................... 35
Parámetros de configuración y herramientas para webmasters ................................................. 35
Guardado y carga de copias de un sitio web 39
Publicación de un sitio web en Internet 41
Publicación de la copia de un sitio web en Facebook 42
Eliminación de un sitio web 44
Prólogo 3
4 Prólogo
En esta sección:
Convenciones Tipográficas ............................................................................... 4
Sugerencias ...................................................................................................... 5
Convención de formato
Tipo de información
Ejemplo
Negrita especial
Elementos que debe
seleccionar, como
opciones de menú,
botones de comando o
elementos en una lista.
Vaya a la pestaña Sistema.
Nombres de capítulos,
secciones y subsecciones.
Lea el capítulo Administración
básica.
Cursiva
Usada para enfatizar la
importancia de un punto,
para introducir un término
o para designar un
marcador de línea de
comando, que debe
reemplazarse por un
nombre o valor real.
El sistema soporta búsquedas
con el llamado carácter
comodín.
Monoespacio
Nombres de comandos,
archivos y directorios.
El archivo de licencia se
encuentra en el directorio
http://docs/common/licen
ses.
Prólogo
Convenciones Tipográficas
Antes de empezar a usar esta guía, es realmente importante entender las convenciones de
documentación usadas en la misma.
Los siguientes tipos de formato en el texto indican información especial.
Prólogo 5
Con formato previo
Salida en pantalla en sus
sesiones de línea de
comandos; código fuente
en XML, C++ u otro
lenguaje de programación.
# ls –al /files
total 14470
Negrita con formato
previo
Lo que escribe, destacado
de lo que se muestra en la
pantalla del ordenador.
# cd /root/rpms/php
MAYÚSCULAS
Nombres de teclas.
MAYÚSCULAS, CTRL, ALT
TECLA + TECLA
Combinaciones de teclas
en las que el usuario debe
presionar y mantener
presionada una tecla
mientras presiona otra.
CTRL+P, ALT+F4
Sugerencias
Si encuentra algún error en esta guía o si tiene alguna duda o sugerencia acerca de cómo
mejorarla, envíenos sus comentarios usando el formulario online que encontrará en
http://www.parallels.com/es/support/usersdoc/. Indíquenos el nombre de la guía, el nombre
del capítulo y de la sección así como el fragmento de texto donde ha encontrado el error.
Parallels Web Presence Builder es una forma intuitiva y fácil de crear sitios web para
C A P Í T U L O 1
Introducción
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
seleccionar un idioma. Tenga en cuenta que el idioma que seleccione será el idioma
para su sitio web, no para el interfaz de Web Presence Builder. El idioma del interfaz
de Web Presence Builder sólo puede cambiarse a través de Parallels Panel.
Se le pedirá que proporcione información acerca de usted para así rellenar el sitio web
automáticamente con información. Tenga en cuenta que la información que
proporcione no será restaurada ni utilizada en ninguna otra parte, sólo se usará para
rellenar el contenido de su sitio web, como por ejemplo las páginas "Acerca de
nosotros" o "Contacto”. 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. El diseño de los sitios web de Web
Presence Builder está formado por distintos elementos. Cada vez que Web Presence
Builder genera el diseño de un sitio web, se utiliza un conjunto aleatorio de diseños de
elementos, por lo que usted puede estar seguro de que el diseño de sitio web que
reciba nunca va a repetirse.
El interfaz de Web Presence Builder está formado por dos partes principales: su sitio
C A P Í T U L O 2
Familiarizándose con Web Presence
Builder
web y el menú principal.
Los sitios web de Web Presence Builder están formados por distintos elementos o
módulos. 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, que es similar para
todos los módulos.
Los módulos de los sitios web Web Presence Builder pueden ser de dos tipos básicos:
Módulos simples. Estos módulos sólo aparecen en una de las páginas del sitio
web. Un ejemplo es un bloque simple de texto.
Módulos sitewide. Estos módulos aparecen en todas las páginas del sitio web. Un
ejemplo es un encabezado de sitio web.
Para localizar un módulo de sitio web, pase el ratón por encima de la parte del sitio
web que desee modificar. Podrá ver que aparecerá un marco punteado alrededor del
módulo. Al lado del marco punteado aparecerá un panel de control que le pedirá si
desea mover, editar o eliminar/ocultar el módulo.
El marco punteado alrededor de los módulos simples es gris oscuro, mientras que el
que aparece alrededor de los módulos sitewide es de color púrpura.
Para editar un módulo del sitio web, haga clic en cualquier parte en el módulo. Podrá
ver que aparecerá un marco punteado alrededor del módulo. Al lado del marco
punteado aparecerá un menú contextual con las opciones de edición del módulo.
El menú principal de Web Presence Builder proporciona opciones de edición de sitio
web agrupadas 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 el número de barras laterales en la página, el
ancho de la página, barras laterales y márgenes y tipo de diseño fijo o líquido.
Estilo. Aquí puede seleccionar la combinación de colores base para su sitio web,
cambiar los colores de elementos individuales y seleccionar fuentes y estilos para
los márgenes de su sitio web.
Páginas. Aquí puede añadir y eliminar páginas, cambiarles el nombre, editar
información meta de las páginas (como por ejemplo la descripción o las palabras
clave) o marcar una página como oculta para que así sus visitantes no puedan
acceder a esta a través del menú del sitio.
8 Familiarizándose con Web Presence Builder
Configuración. Aquí puede editar el nombre de su sitio web, la descripción y las
palabras clave para buscadores, cargar un icono de sitio (favicon), optimizar el
rango de su sitio web en los resultados de los buscadores y añadir su sitio a una
página de Facebook.
En el menú principal también puede realizar las siguientes acciones:
Acceder al tutorial en vídeo Cómo empezar en Web Presence Builder y a la Guía del
usuario. Para ello, seleccione la opción correspondiente en el menú Ayuda.
Guardar y cargar las copias de su sitio web usando las opciones Guardar y Revertir .
Publicar su sitio web usando el botón Publicar.
Descartar cualquier cambio realizado en un sitio y empezar a crear un sitio de
nuevo seleccionando Más > Iniciar de nuevo. Esta acción no elimina la copia del sitio
ya publicada.
Eliminar una cuenta de hosting seleccionando Más > Eliminar sitio.
Usted puede arrastrar el menú principal a cualquier parte de la página o 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.
Para crear un sitio web en Web Presence Builder:
En este capítulo:
Importación de sitios desde SiteBuilder 4.5 ....................................................... 10
C A P Í T U L O 3
Creación de un sitio web
1. En el Panel de control, vaya a la pestaña Inicio o Sitios web y dominios y
haga clic en Iniciar Web Presence Builder.
Si sólo dispone de un nombre de dominio configurado, Web Presence Builder se
abrirá en una ventana o pestaña nueva del navegador.
2. Si dispone de múltiples nombres de dominio, haga clic en el vínculo
Editar en Web Presence Builder correspondiente. En una ventana o pestaña
nueva del navegador, se abrirá el asistente de Web Presence Builder.
3. Seleccione el tema de su sitio web y haga clic en Crear sitio.
4. Proporcione la información solicitada para incorporar contenido
automáticamente al sitio web.
Nota: La información que proporcione no será restaurada ni utilizada en ninguna
otra parte, sólo se usará para rellenar previamente el contenido de su sitio web,
como por ejemplo las páginas "Acerca de nosotros" o "Contacto”. Más adelante
podrá editar o eliminar esta información en cualquier momento.
5. Haga clic en Enviar y crear sitio.
Web Presence Builder tarda unos minutos en generar un sitio web con el diseño y
contenido especificado.
10 Creación de un sitio web
Importación de sitios desde SiteBuilder
4.5
Si dispone de un sitio creado con SiteBuilder 4.5, puede importarlo a Web Presence
Builder 10.4.
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 sin
ningún tipo de incidencia:
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 no sean visibles.
Imagen de encabezado (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 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.
Creación de un sitio web 11
4. Una vez importado el sitio, revíselo y edítelo si es necesario (en la
página 12). 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,
publíquelo en su cuenta de hosting (en la página 41).
Si está publicando un sitio nuevo en el mismo espacio web donde estaba alojado su
sitio creado con SiteBuilder 4.5, se sobrescribirá el sitio anterior.
En Web Presence Builder usted puede modificar virtualmente cada elemento de su
En este capítulo:
Estructura: Páginas y navegación ..................................................................... 12
Diseño: Presentación, estilos, combinación de colores y encabezado .............. 15
Contenido: Texto, tablas, imágenes, vídeo, formularios y scripts ...................... 21
Parámetros de configuración y herramientas para webmasters ........................ 35
En esta sección:
Adición y eliminación de páginas ....................................................................... 13
Adición y eliminación de enlaces de navegación ............................................... 14
C A P Í T U L O 4
Edición de un sitio web
sitio web. Los elementos simples se modifican in-situ - usted abre una página donde
se utilice el elemento, lo edita y ve el resultado al instante. Los elementos sitewide se
modifican en un lugar pero los cambios se aplican a cada una de las páginas de su
sitio web.
Nota: Si está utilizando Internet Explorer, es muy recomendable que evite usar el
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 Web Presence Builder se
visualizarán mejor con el zoom normal (100%).
Estructura: Páginas y navegación
Esta sección describe cómo añadir páginas a un sitio, definir su ubicación en la
estructura del sitio y añadir enlaces de navegación.
Edición de un sitio web 13
Adición y eliminación de páginas
Su sitio puede tener dos niveles de anidamientos de páginas.
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 a la ubicación deseada o
usando las flechas.
4. Especifique el nombre de la página.
5. Introduzca una descripción concisa del contenido de la página, que se
mostrará en las páginas de los resultados de los buscadores de
Internet. Indique también las palabras clave por las que los buscadores
encontrarán la página.
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 estar separadas por comas y sin espacios.
6. Si desea que la 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 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 la posición de la página arrastrándola a la ubicación deseada o
usando las flechas.
4. Especifique el nombre de la página.
5. Edite o elimine una descripción concisa del contenido de la página, que
se mostrará en las páginas de los resultados de los buscadores de
Internet. Indique también las palabras clave por las que los buscadores
encontrarán la página.
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 estar separadas por comas y sin espacios.
14 Edición de un sitio web
6. Si desea que la 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.
Adición y eliminación de enlaces de navegación
Por omisión, 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 bajo el encabezado sólo incluirá
enlaces a las páginas de primer nivel y las barras laterales mostrarán los enlaces del
segundo y el tercero 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 arrástrelo 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.
Para la comodidad de los visitantes de su sitio, también puede añadir 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.
Loading...